CSS盒子模型

CSS盒子模型

1.盒子模型组成

• content：内容

• padding：内边距

• border：边框

• margin：外边距

border属性	属性取值
border-width	2px; thin; medium; thick
border-style	dashed; dotted; solid; double
border-color	rgb(255, 0, 0); #f00; red

注：margin: top, right, bottom, left;

2.overflow属性

当内容超出盒子框的时候，overflow属性取值

• hidden：超出部分不可见
• scroll：显示滚动条
• auto：如果有超出部分，显示滚动条