css中关于块元素的背景有 background 属性。
background属性是css中应用比较多,且比较重要的一个属性,它是负责给盒子设置背景图片和背景颜色的,background是一个复合属性,它可以分解成如下几个设置项:
background-color 设置背景颜色
background-image 设置背景图片地址
background-repeat 设置背景图片如何重复平铺
background-position 设置背景图片的位置
想要给块元素设置背景图片时,就用background-image属性,它的值是url(图片路径)
当图片比块元素小时,可以用background-repeat属性,
值选项:
值 | 效果 |
---|---|
repeat-x | 在水平方向上显示多个图片 |
repeat-y | 在竖直方向上显示多个 |
no-repeat | 不重复,只显示一个 |
repeat | 默认。背景图像将在垂直方向和水平方向重复。 |
inherit | 规定应该从父元素继承 background-repeat 属性的设置。 |
还可以用background-position决定图片放在块元素的哪个位置。
background-position的值用两个百分数显示,第一个代表水平方向上的位置,第二个代表竖直方向上的位置。
例如:50% 50% 就代表图片的右上角在块元素的正中心。