css背景样式
CSS背景background的样式主要有以下几种:
1、背景的颜色:background-color
背景颜色可以写成十六进制的以#开头,还可以是rgb格式rgb(255.0.0),还可以直接写成颜色的英文格式。
格式一:background-color:#fff;
格式二:background-color:rgb(255.0.0);
格式三:background-color:yellow;
2、背景的图片:background-image
格式:background-image:url('图片路径')
3、背景图片的位置:background-position
第一种可以使用top left right center bottom来规定位置
第二种可以使用两个百分比来规定位置,第一个是水平位置,第二个是垂直位置。
第三种使用单位像素来规定位置,如果只规定了一个值,那么另一个值就是50%。
4、背景图片的重复风格:background-repeat
不重复:background-repeat:no-repeat
水平重复:background-repeat:repeat-x
垂直纵向重复:background-repeat:repeat-y
5、背景图片的固定风格:background-attachment
随着HTML的内容滚动:默认情况下是这样的,不用设置。background-attachment:scroll
固定背景图像:background-attachment:fixed
继承父元素:background-attachment:inherit