首页 > CSS教程 > CSS 轮廓宽度
此章节介绍:

    CSS 轮廓宽度


    CSS 轮廓宽度

    outline-width 属性指定轮廓的宽度,并可设置如下值之一:

    • thin(通常为 1px)
    • medium(通常为 3px)
    • thick (通常为 5px)
    • 特定尺寸(以 px、pt、cm、em 计)

    下例展示了一些不同宽度的轮廓:

    细的轮廓。

    中等的轮廓。

    粗的轮廓。

    4 像素的粗轮廓。

    实例

    p.ex1 {
      border: 1px solid black;
      outline-style: solid;
      outline-color: red;
      outline-width: thin;
    }
    
    p.ex2 {
      border: 1px solid black;
      outline-style: solid;
      outline-color: red;
      outline-width: medium;
    }
    
    p.ex3 {
      border: 1px solid black;
      outline-style: solid;
      outline-color: red;
      outline-width: thick;
    }
    
    p.ex4 {
      border: 1px solid black;
      outline-style: solid;
      outline-color: red;
      outline-width: 4px;
    }