ctfshow web-77

CSS 盒模型

盒模型

盒模型中的边框

div{ border:2px  solid  red;}

div{
    border-width:2px;
    border-style:solid;
    border-color:red;
}

• 注意

div{border-bottom:1px solid red;}

border-top:1px solid red;
border-right:1px solid red; 
border-left:1px solid red;

宽度和高度

填充

div{padding:20px 10px 15px 30px;}

div{padding:10px;}

div{padding:10px 20px;}

边界

div{margin:20px 10px 15px 30px;}

div{ margin:10px;}

div{ margin:10px 20px;}

本文转载自 陈浩的个人博客，《CSS 盒模型》