CSS3背景
作者:
挥剑斩浮云 | 来源:发表于
2018-01-27 12:28 被阅读0次
CSS3新增的背景属性
语法：background-size:取值;
说明：background-size取值共有2种，一种是使用长度值（如px、百分比）；另外一种是使用关键字。
background-size关键字取值
语法：background-origin:属性值;
background-origin属性取值
-
background-origin属性往往都是配合background-position属性来使用，其中background-origin属性规定background-position属性相对于什么位置来定位
- 背景剪切
background-clip
语法：background-clip:属性值;
-
border-box-clip属性值
-
border-box 默认值，b小时从内边框border开始j剪切
-
padding-box 表示从内边距开始剪切
-
content-box 表示从内容区域content开始剪切
-
text 从前景内容的形状（比如文字）作为裁切区域向外裁切，如此即可实现使用背景作为填充色之类的遮罩效果
CSS3多背景图片
-
CSS3多背景图片，也就是CSS2中的background属性外加origin、clip和size组成的新background的多次叠加，缩写时使用英文逗号隔开每组值
- 很多时候不建议定义多背景图片，直接使用PS制作一张复合图就行。
本文标题：CSS3背景
本文链接：https://www.haomeiwen.com/subject/fdkgaxtx.html
网友评论