CSS——盒子模型

1.边框

>设置：粗细、样式、颜色

>写法：

缩写：

div{
    border:2px  solid  red;
}

分开写：

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

>属性：

border-style: dashed(虚线)/dotted(点线)/solid(实线)

border-color: #888

border-width: thin/medium/thick_不常用，常用像素 px

>单独设置：

可以单独设置某条边框：border-bottom/border-top/border-right/border-left

 

2.宽度和高度

一个元素的实际宽度=左边界+左边框+左填充+内容宽度+右填充+右边框+右边界

padding/margin顺序：上右下左，支持缩写