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>

全栈前端 / CSS教程 :



























Copyright © 2022-2024 笨鸟工具 x1y1z1.com All Rights Reserved.