border :(边框);
其实现在的border是三个属性合成的,
border-width:边框大小;
border-style:边框的样式;
border-color:边框的颜色;
合成以后的用法更方便,如下:
border:size pattenr color; size:边框大小,如1px;pattenr:线条模式,solid实心线条; color:边框颜色,如red红色;
可以不按顺序写,就算其中有项不写,也不影响输出,都有自己的默认样式;
border-style,用于设置元素所有边框的样式,或者单独地为各边设置边框样式。只有当这个值不是 none 时边框才可能出现。
例子如下:
border-style:dotted solid double dashed;
上边框是点状,右边框是实线,下边框是双线,左边框是虚线;
盒模型的四个属性:
Content(内容含width,height)-padding(填充/内边距)—border(边框)—margin(边距/外边距)—Border边框(影响实际宽高)
box-sizing: border-box;属性把边框设置成盒子的内边框