CSS9（背景属性）

通过css背景属性，可以给页面元素添加背景样式。

背景属性可以设置背击颜色，背景图片，背景平铺，背景图片位置，背景图像固定等。

先说一下背景颜色，简单理解就是用css的背击属性去设置颜色，

例如：

 

注意点，1.背景颜色默认值是透明的

                 2.背景颜色不会影响盒子大小，并且还能看清盒子的大小和位置，

                 一般在布局中会习惯献给盒子设置背景颜色

接下来说第二个属性，背景图片

background-image属性描述了元素的背景图像，实际开发常见于logo或者一些装饰性的小图片或超大的背景图片，优点是非常便于控制位置。

 例如：

 

 接下来说第三个属性，背景平铺

可以使用background-repeat属性，在HTML页面上对背景图像进行平铺。

例如：

 

 

 接下来说第四个属性，背景图片设置，利用background-position属性可以改变图片在背景中的位置。

背景图片位置属性里面有2个参数，1个是x，1个是y，这2个就是坐标的意思，这个是改变位置的关键点。这2个参数可以使用方位名词（例：center，right）或精确单位（例：px，em）。

如果2个参数都是方位名词，那么顺序是不变的，例如：

 

 

 另外需要提醒一下，如果参数写的方位名词只有1个的话，另外一个是默认居中显示的。

接下来说一下最后一个背景属性，背景图像固定属性

background-attachment属性设置背景图像是否固定或者随着页面的其余部分滚动。

background-attachment后期可以制作视觉滚动的效果。

 

 

 这里就讲解完了背景的属性了，现在拓展一下，说一下背景透明，

background：rgba（0,0,0,0.3）最后一个值是透明值，可以取0到1之间。

由于笔者能力有限，难免出现各种错误和漏洞。全文仅作为个人笔记，仅供参考，笔记内容来源于各类网课。