盒模型和边框

组成:

内边距

内边距是边框和内容区域的距离

padding: 100px;


                
外边距

外边距是盒子边框和其他元素之间的距离

margin: 100px;

边框样式

border—style: ;
/*
none:没有边框;
solid:单实线;
dashed:点线;
double:双实线;
*/

单边边框样式

border-top-style: ;
border-right-style: ;
border-bottom-style: ;
border-left-style: ;

边框宽度

border-width: ;
/*单边边框宽度*/
/*
border-top-width
border-right-width
border-bottom-width
border-left-width
*/

边框颜色

border-color: ;

/*单边边框颜色*/
/*
border-top-color
border-right-color
border-bottom-color
border-left-color
*/
/*透明边框*/
border-color: transparent;

猜你喜欢

转载自blog.csdn.net/Amdrose/article/details/81220536
今日推荐