CSS 基础学习-074 css 使用invert值设置轮廓的反转颜色

hrs 提交于 2021/09/30 - 07:37 , 周四

 使用outline-color:invert值设置轮廓的反转颜色

实例代码:

<html>
  <head>
    <meta charset="utf-8">
    <style>
      .ex1{
        border:1px solid yellow;
        width:300px;
        outline-style:solid;
        outline-color:invert;
      }   


    </style>
  </head>
  <body>
    <h1>使用outline-color:invert</h1>
    <p class="ex1">invert 实线轮廓</p>
  </body>
</html>

运行效果:

css-074.png

标签