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

posted @ 2019-07-14 14:03  仰望星空e  阅读(456)  评论(0编辑  收藏  举报