CSS 外轮廓宽度

这个outline-width属性指定外轮廓的宽度，可以具有以下值之一：

薄（通常为 1px）
中等（通常为 3px）
厚（通常为 5px）
特定尺寸（以 px、pt、cm、em 等为单位）

以下示例显示了一些具有不同宽度的外轮廓：

细细的轮廓。

中等轮廓。

粗粗的轮廓。

4px 粗的轮廓。

示例

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

亲自试一试 »