background常见属性
background-color属性
专门设置标签的背景颜色的。
取值
具体单词/rgb/rgba/十六进制(与color属性一样)
background-image属性
专门用来设置背景图片
格式
background-image: url();
注意点
1.图片地址必须放在url()中,图片地址可以使本地的地址,也可以是网络的地址。
2.如果图片的大小没有标签的大小大,那么会自动在水平和垂直方向平铺和填充。
3.如果网页上出现了图片,浏览器会再次发送请求获取图片。
background-repeat(背景平铺属性)
设置背景图片是否需要平铺。
取值
repeat默认值 xy轴都平铺
no-repeat 都不平铺
repeat-x x轴方向平铺
repeat-y y轴方向平铺
浏览器请求数据过程
应用场景
提高传输性能,如果图片过大,加载速度太慢,如果需要设置背景图片,用一个很小的图片展开xy方向平铺,速度就会提高很多了。
快捷键 brep+table键