前端笔记 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>