五、背景
- 背景色
1.1背景色background-color
*background-color属性用于为元素设置背景色,该属性接收任何合法的颜色值
*为元素背景设置一种纯色
1.2背景图像
1.2.1背景图片background-image
*默认值none,表示背景上没有放置任何图像
*如果需要设置一个背景图像,需要用起始字母url附带一个图像的URL值
-可以试相对URL或者绝对URL
1.3背景重复
*默认情况下,背景图像在水平和垂直方向上重复出现,创建一种称为”墙纸”的效果
*可以使用background-repeat属性控制背景图像的平铺效果
*background-repeat可取值为
-repeat:在垂直方向和水平方向重复,为重复值
-repeat-x:仅在水平方向重复
-repeat-y:仅在垂直方向重复
-no-repeat:仅显示一次
1.3背景定位background-position
*background-position属性改变图像在背景中的位置
*该属性的取值为
1.4背景图片的固定background-attachment
*默认情况下,背景图像会随着页面的滚动而移动
*可通过background-attachment属性来设置
-默认值是scroll:默认情况下,背景会随文档滚动
-可取值为fixed:背景图像固定,并不会随着页面的其余部分滚动,常用于实现称为水印的图像