css背景样式

Posted 2022-04-12 look-up-at-the-starlit-sky

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