前端笔记 CSS 5

轮廓

在元素周围划线  点击打开链接

<span style="font-size:18px;">p
{
border:red solid thin;
outline:#00ff00 dotted thick;
}</span>

轮廓颜色 点击打开链接
<span style="font-size:18px;">p
{
border:red solid thin;
outline-style:dotted;
outline-color:#00ff00;
}</span>

轮廓样式 点击打开链接

<span style="font-size:18px;">{
border: red solid thin;
}
p.dotted {outline-style: dotted}
p.dashed {outline-style: dashed}
p.solid {outline-style: solid}
p.double {outline-style: double}
p.groove {outline-style: groove}
p.ridge {outline-style: ridge}
p.inset {outline-style: inset}
p.outset {outline-style: outset}</span>
轮廓宽度 点击打开链接

<span style="font-size:18px;">{
border:red solid thin;
outline-style:dotted;
outline-width:3px;
}</span>