CSS入门笔记八:背景设置

1.背景图片设置:background-image

2.背景颜色: background-color

3.背景平铺: background-repeat

注意:背景平铺有4种方式,分别为:

复制平铺(repeat):即把整个背景都平铺完
沿x轴平铺(repeat-x)
沿Y轴平铺(repeat-y)
不平铺(on-repeat):背景有大就显示多大

4 背景位置:background-postion: x y;x,y可以是像素值也可以是方位名词

注意:
a.x,y若是方位名词,则无顺序区分,即right center和center right一样。
b.若只有一个方位名称,则另一个值是默认居中对齐。
c.若是x,y是精确值,则第一个值一定是x,第二个值一定是y.
d.x,y还可以采用混合值,即精确值和方位名词一起,此时第一个值一定是x,第二个值一定是y.

5.背景固定:background-attachment;用于制作滚动背景。属性值有两个,分别为scroll(背景图片相对内容是滚动的),fixed(背景图片固定)。

背景的复合写法

background:颜色 地址 平铺方式 滚动方式 位置

6.背景透明设置:background: rgbs(x,y,z,w)。x,y,z为三原色的值,w为透明度,值为0~1,当w为小数时可以省略0.

在这里插入图片描述

扫描二维码关注公众号,回复: 12380038 查看本文章

猜你喜欢

转载自blog.csdn.net/m0_52021758/article/details/113060144