CSS 边框样式

CSS 边框样式

直线边框样式

<html>
<body>

    <!-- border: 1px 边框像素为1、solid red 边框样式以及边框颜色 -->
    <div style="border: 1px solid red;">
        xxx
    </div>

</body>
</html>

 

虚线边框样式

<html>
<body>

    <!-- border: 1px 边框像素为1、solid red 边框样式以及边框颜色 -->
    <div style="border: dashed;">
        xxx
    </div>

</body>
</html>

 

参数:

边框方向

  • # 下边
  • margin-bottom
  • # 左边
  • margin-left:
  • # 右边
  • margin-right:
  • # 上边
  • margin-top:

 

效果:直线边框


 

xxx

 


 

效果:虚线边框


 

xxx

 


 

posted @ 2019-02-21 15:10  kevin.Xiang  阅读(1419)  评论(0编辑  收藏  举报