1.background-clip属性-指定背景的显示范围

image.png

2.background-origin属性-指定绘制背景图像的绘制起点

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

css3-背景新增特性-背景与边框（1）
1.background-clip属性-指定背景的显示范围 2.background-origin属性-指定绘制背...
04.CSS3背景与边框相关样式
1.与背景相关的新增属性 background-clip:border-box(背景范围：整个边框及内部),pad...
背景与边框
title: 背景与边框date: 2016-10-16tags: CSS Secrets 0x00 半透明边框 ...
背景与边框
复杂的背景图案 1.网格背景通过把两幅不同线宽、不同颜色的网格图案叠加起来形成的逼真蓝图网格代码： ``` b...
背景与边框
1.网格背景通过把两幅不同线宽、不同颜色的网格图案叠加起来形成的逼真蓝图网格代码：
CSS揭秘笔记（2）：背景与边框
第2章：背景与边框 1.半透明边框背景知识：RGBA/HSLA颜色-给一个容器设置白色背景和一道半透明白色边框，...
web前端面试提问总结：
学过CSS3吗？CSS3的新增特性有哪些？主要是文本效果、边框、图片、字体、背景效果、阴影效果、色彩类： RGB...
边框背景
1 边框能够创建圆角边框，向矩形添加阴影，使用图片来绘制边框 - 并且不需使用设计软件对于 border-im...
边框/背景
边框图片：例如：border-image:url("") 27/20px round; 参数1：边框图片的路径 ...
背景与边框之“半透明边框”
背景与边框的工作原理默认情况下，背景会延伸到边框所在区域的下层半透明边框说明：所得到的结果是边框颜色和背景颜...