一、背景颜色
属性名:background-color
颜色取值:关键字、rgb表示法、rgba表示法、十六进制表示法…
注意:
背景颜色默认值是透明:rgba(0,0,0,0)、transparent
背景颜色不会影响盒子大小,并且还能看清盒子大小和位置,开发时可设置背景颜色来开发盒子模型。
background-color: red;
二、背景图片
属性名:background-image
属性值:background-image: url(‘图片路径’)
background-image: url(../img/123.jpg);
三、背景平铺
属性名:background-repeat
取值 | 效果 |
---|---|
repeat | (默认值)水平和垂直方向都平铺 |
no-repeat | 不平铺 |
repeat-x | 沿着水平方向(x轴) 平铺 |
repeat-y | 沿着垂直方向(y轴) 平铺 |
background-repeat: no-repeat;
四、背景位置
background-position: center center;
background-position: 200px 200px;