CSS之背景设置background-

1、background-color的六种表示方法：
⑴、background-color:rgb(0_255,0255,0~255)：rgb表示 红 绿 蓝
⑵、background-color:rgba（0_255,0255,0_255,01）:rgb表示 红 绿 蓝 ，最后一个表示透明度。
⑶、background-color:#ABABAB：十六进制表示
⑷、HSL(0_360，0100%,0~100%)：HSL 表示 色调，饱和度，明度。
⑸、HSLA(0_360,0100%，0_100%，01)：HSL 表示 色调，饱和度，明度，A表示透明度。
⑹、预定义颜色：https://www.runoob.com/cssref/css-colornames.html

2、background-image:rul(" ")：引入背景图片。

3、background-repeat：设置背景图片是否重复。
⑴、background-repeat:no-repeat：不重复。
⑵、background-repeat:repeat-x：在X轴重复。
⑶、background-repeat:repeat-y：在Y轴重复

4、backgroud-position:设置图片位置。
⑴、background-position:Xpx Ypx：以body内容左上角为原点，XY定位图片的左上角出现的位置,px也可用%表示，默认为0% 0%
⑵、background-position:left：放置在左边
⑶、background-position:right：放置在右边
⑷、background-position:center：放置在中间
⑸、background-position:top：放置在顶端
⑹、background-position:bottom:放置在底端
注意：以body左上角为原点的坐标系，右下区域为正数区间！

5、background-attachment:fixed：把图片固定，不受页面滚动条影响。

6、background-size：设置图片尺寸大小。
⑴、background-size:x y：设置图片长x为多少，宽y为多少，可用%表示。
⑵、background-size:cover：铺满整个显示区域。
⑶、background-size:contain：尽量让原图显示在容器中。