CSS盒子模型

盒子模型

margin: 外边距

margin-top、margin-right、margin-bottom、margin-left

使用方式：

（1）margin：30px；表示上下左右外边距都留白30px

（2）margin-left：30px；单独设置上下左右外边距

（3）margin：10px 20px 30px 40px；分别设置上下左右四个外边距为10px 20px 30px 40px

<styletype="text/css">
    div{
        width: 200px;
        height: 200px;
        background-color:maroon;
        margin: 10px 20px30px40px;
    }
</style>

 

padding：内边距

也有上下左右边距，和margin类似。

border：边框

solid 实线

double 双实线

dotted 点虚线

dashed 虚线

border-width 边框宽度

border-style  边框样式

border-color  边框颜色

word中设置边框的操作

也可以使用更优化的书写方式

border：10px dashed blue

outline: 轮廓线