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      内边距

 

发布了20 篇原创文章 · 获赞 17 · 访问量 149

猜你喜欢

转载自blog.csdn.net/weixin_46319702/article/details/105052577