HTML css盒子模型
盒子模型:
盒子属性
1.border-style边框模式 (border-top-style上部;border-bottom-style下部;border-left-style左;border-right-style右)
2.border-width边框像素(border-top-width上部;border-bottom-width下部;border-left-width左;border-right-width右)
3.border-color边框颜色 (border-top-color上部;border-bottom-color下部;border-left-color左;border-right-color右)
4.样式综合设计:border-style:上右下左。
5.border:宽度 样式 颜色。
内行距属性
1.padding-top:上内边距
padding-right:右内边距
padding-bottom:下内边距
padding-left:左内边距
外边距属性
1.margin-top
margin-left
margin-right
margin-bottom
设置背景图片 颜色
- background-color
- background-image:url(网址)
- 平铺属性,background-repeat (no-repeat repeat-x水平 repeat-y竖直)
盒子宽度高度