1. 背景
背景颜色
背景图片
是否重复
height: 500px;
#背景颜色
background-color: aqua;
#背景照片
background-image: url(img/bd.png);
#背景是否重复
background-repeat: no-repeat;
2.盒子模型
padding内边距
border边框
margin外边距
border 边框
设置边框的颜色、样式、宽度
border:颜色样式宽度
例: border : red soild 1px
单独设置边框的宽度、颜色、样式
border-width
border-style
border-color
border-collapse
设置是否将表格边框折叠为单一边框。
属性值: separate(默认,单元格边框独立) 、collapse (单元格边框合并)
padding内边距
设置元素所有内边距的宽度,或者设置各边上内边距的宽度。
单独设置各边的内边距: padding-top、padding-left、 padding-bottom、padding-right
默认按照上右下左的顺序设定
设置一个值:上右下左都一致设置
2个值:上下一致,左右一致
设置3个值:上右下,左和右一致
margin外边距
设置一个元素所有外边距的宽度,或者设置各边上外边距的宽度。
单独设置各边的外边距: margin-top、margin-left、margin-bottom、margin-right
width: 6.25rem;
height: 100px;
background-color: #00FFFF;
设置边框
border: #0000FF 5px outset;
设置内边距
padding: 15px;
padding-left: 20px;
padding: 10px 20px;
设置外边距
margin-top: 100px;
margin-left: 100px;