CSS 基础学习-054 使用border-bottom简写属性设置下边框

hrs 提交于 2021/09/05 - 20:04 , 周日

border-bottom 属性

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

实例代码:

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

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

  </body>
</html>

运行效果:

css-054.png

标签