CSS 轮廓宽度

❮ Previous Next ❯

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;
}

亲自试一试 »