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