Html-盒子模型

Posted 2022-12-10 DaLiangChen

盒子模型常用的属性

厲性	描述	说明
content	内容	width：设置内容区的宽度；  height：设置内容区的高度；
border	边框	color：设置边框的颜色； width：设置边框的大小； style：设置边框的样式（solid  实线、dashed  虚线、dotted  点状虚线、double  双线）; top：上边框； right：右边框； bottom：下边框； left：左边框； 复合属性（border：颜色，大小，样式）；
padding	内边距	top：上内边距； right：右内边距； bottom：下内边距； left ：左内边距；
margin	外边距	top：上外边距 盒子正值向下移动，负值向上移动； right：右外边距    默认情况，设置margin-right是没有效果； bottom  下外边距   盒子自己不动，挤下面的盒子移动，正值向下，负值向上； left：左外边距   盒子正值向右移动，负值向左移动；