CSS 轮廓宽度
CSS 轮廓宽度
outline-width
属性指定轮廓的宽度,可以具有以下值之一:
- thin(通常为 1px)
- medium(通常为 3px)
- thick(通常为 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;
}
自己动手试一试 »