CSS outline-color属性,轮廓颜色
outline-color属性
CSS中的outline-color属性可以用来设置HTML元素的轮廓颜色。属性值的表示方法如下面这个表格:
属性值 | 描述 |
---|---|
RGB | 如rgb(0,250,0) |
HEX | 十六进制值,如#00FF00 |
HSL | 色相饱和度,如hsl(50,100%,50%) |
颜色名 | 预定义颜色名,如skyblue、orange |
invert | 执行颜色反转,确保轮廓可见 |
outline-color实例代码,及在线编辑器
<p class='oc1'>颜色为RGB</p>
<p class='oc2'>颜色为HEX</p>
<p class='oc3'>颜色为HSL</p>
<p class='oc4'>颜色为预定义颜色名</p>
<p class='oc5'>颜色为invert</p>
<style>
.oc1{outline-style:solid;outline-width:2px;outline-color:rgb(0,255,0);}
.oc2{outline-style:solid;outline-color:#0000FF;outline-width:2px;}
.oc3{outline-style:solid;outline-color:hsl(50,100%,50%);outline-width:2px;}
.oc4{outline-style:solid;outline-color:skyblue;outline-width:2px;}
.oc5{outline-style:solid;outline-color:invert;outline-width:2px;}
</style>