码迷,mamicode.com
首页 > Web开发 > 详细

CSS3background-size背景图片尺寸属性

时间:2017-09-02 20:03:30      阅读:1372      评论:0      收藏:0      [点我收藏+]

标签:rip   属性   css   高度   包括   size   宽度   pre   根据   

background-size 可以设置背景图片的大小,数值包括 长度length和百分比percentage。 并且会根据背景原点位置 background-origin 设置其图片覆盖的范围。那么下面我们一起来了解这个background-size属性吧。

 

/* 一个值: 这个值指定图片的宽度,那么第二个值为auto */
background-size: auto
background-size: 50%
background-size: 3em
background-size: 12px

/* 两个值: 第一个值指定图片的宽度,第二个值指定图片的高度 */
background-size: 50% auto
background-size: 3em 25%
background-size: auto 6px
background-size: auto auto
/*多重背景,请用逗号隔开,在CSS语法中凡语法后跟*或者#,都是可以无限重复的,但是必须用逗号隔开。 */
background-size: auto, auto     /* 不要跟background-size: auto auto混淆了 */
background-size: 50%, 25%, 25%
background-size: 6px, auto, contain

 

CSS3background-size背景图片尺寸属性

标签:rip   属性   css   高度   包括   size   宽度   pre   根据   

原文地址:http://www.cnblogs.com/zhengyuan1314/p/7467402.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!