CSS——盒子模型及边框

什么是盒子模型

边框 border
外边距 margin
内边距 padding

边框

边框粗细
边框样式
边框颜色

/* body总有一个默认的外边距margin:0 */ body{ margin:0; } /* border:粗细 实虚线 颜色 */ #box{ width:300px; border:1px solid black; } h2{ font-size:18px; background:pink; line-height:40px; margin:0; color:gray; } form{ background:orange; } div:nth-of-type(1) input{ border:3px solid black; } div:nth-of-type(2) input{ border:3px dashed black; }

效果图