CSS 基础学习-053 使用border-left简写属性设置左边框

由 hrs, 5 九月, 2021

border-left 属性

此属性是 border-left-width、border-left-style 以及 border-left-color 的简写属性。

实例代码：

<!doctype html>
<html>
  <head>
    <meta charset="utf-8">
    <title>border-left简写属性</title>
    <style>
      p{  
        border-left:5px solid red;
        text-align:center;
        width:400px;
        padding:20px;
        background-color:yellow;

      }   
    </style>
  </head>
  <body>
    <h1>border-left简写属性</h1>
    <p>这是使用border-left简写属性设置的边框</p>

  </body>
</html>

运行效果：

css-053.png

标签

评论