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

亲自试一试