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

css背景样式.pdf (39.42 KB, 下载次数: 0)

2022-11-20 16:03 上传

点击文件名下载附件