3.Css——背景

3.Css——背景

Css背景

CSS允许应用纯色作为背景，也允许使用背景图像创建相当复杂的效果

background-size   规定背景图片的尺寸

background-origin 规定背景图片的定位区域

background-clip 规定背景图片的绘制区域

-------------------------------------------------------------------------------------------------------------------------------------

以上内容具体用法：

background-image:url("xx")

background-position: right top      要连着写两个单词，不写top默认是center

                                 : 20px 20px     从左上角开始显示，距离左面和上面有多少局提的距离

                                 : 20%  50%      也可以使用百分比

background-attachment:xx

background-repeat:xx

background-size：contain    背景图像可以完整显示，但可能不能完全覆盖背景区域

                           ：cover   背景图像可以完整覆盖背景区域，但是图像可能显示不完整

background-origin：padding-box   背景图像相当于内边距来定位，默认

                              ：border-box    背景图片相当于边框和定位

                              ：content-box   背景图像相当于内容框来定位

background-clip：content-box;       背景的颜色只作用于内容

                          ： border-box        边界

                          ： padding-box      内边距