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轴方向平铺

浏览器请求数据过程

background常见属性

应用场景

提高传输性能,如果图片过大,加载速度太慢,如果需要设置背景图片,用一个很小的图片展开xy方向平铺,速度就会提高很多了。

快捷键 brep+table键