EasyDemo*CSS背景知识点个人总结(五)

五、背景

1. 背景色

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:背景图像固定，并不会随着页面的其余部分滚动，常用于实现称为水印的图像