CSS 基础学习-048 使用border-color 属性设置特定颜色边框

hrs 提交于 2021/09/04 - 07:44 , 周六

border-color 属性可以设置四个边框的颜色。

实例代码:

<!doctype html>
<html>
  <head>
    <title>border-color 颜色属性</title>
    <meta charset="utf-8">
    <style>
    p{  
      width:300px;
    }   

      .border{
          border-style:solid;
          border-color:red blue green yellow;
      }   


    </style>
  </head>
  <body>
    <h1>border-color 属性</h1>
    <p>border-color 设置四个边框的颜色</p>
    <p class=border>带有四个颜色的边框</p>
  </body>
</html>

运行效果:

css-048.png

标签