css3-背景新增特性-背景与边框（1）
2019-07-28 本文已影响0人
咕叽咕叽_6130
image.png
1.background-clip属性-指定背景的显示范围
image.png
2.background-origin属性-指定绘制背景图像的绘制起点
image.png
image.png
image.png
3.background-size属性-指定背景图像的尺寸
image.png
可以设置一个参数，表示宽高都为该数据；
宽高设定后，可以设置百分比。
image.png
如果维持图像纵横比例，设定高度或宽度同时，另一个参数定位auto。
ps：auto为自适应的意思
4.background-break属性-指定内联元素背景图像进行平铺时的循环方式
有三种循环方式：
1.background-break：bounding-box 在整个内联元素中进行平铺；
2.background-break：each-box 在每一行平铺；
3.background-break：continuous 下一行接着上一行继续平铺。
image.png
