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;
} 亲自试一试 »