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  阅读(1412)  评论(0)  编辑  收藏  举报