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

hrs 提交于 2021/09/05 - 19:54 , 周日

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

实例代码:

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

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

  </body>
</html>
~               

运行效果:

css-052.png

标签