盒子模型:比如手机盒子,填充泡沫的厚度为css盒子模型的内边距,纸盒的厚度为css盒子模型
盒子模型的相关属性
边框属性
1.设置边框样式(border-style)
none:没有边框即忽略所有边框的宽度(默认值)
solid:边框为单实线
dashed:边框为虚线
dotted:边框为点线
double:边框为双实线
可以对盒子模型的单边进行设置,也可以综合设置4条边的样式:
border-top-style:上边框样式
border-right-style:右边框样式
border-bottom-style:下边框样式
border-left-style:左边框样式
border-style:上边框样式 右边框样式 下边框样式 左边框样式
border-style:上边框样式 左右边框样式 下边框样式
border-style:上下边框样式 左右边框样式
border-style:上下左右边框样式
2.设置边框宽度(border-width)
border-top-width:上边框宽度
border-right-width:右边框宽度
border-bottom-width:下边框宽度
border-left-width:左边框宽度
border-width:上边框宽度[有边框宽度 下边框宽度 左边框宽度]
3.设置边框颜色(border-color)
border-top-color:上边框颜色
border-right-color:右边框颜色
border-bottom-color:下边框颜色
border-left-color:左边框颜色
border-color:上边框颜色 [右边框颜色 下边框颜色 左边框颜色]
设置段落的边框样式为实线,上边框灰色,左右框红色\