CSS3background-size背景图片尺寸属性

时间 2019-12-13

标签 css3background css background size 背景图片尺寸属性栏目 CSS 繁體版

原文原文链接

background-size 能够设置背景图片的大小，数值包括长度length和百分比percentage。而且会根据背景原点位置 background-origin 设置其图片覆盖的范围。那么下面咱们一块儿来了解这个background-size属性吧。javascript

/* 一个值: 这个值指定图片的宽度，那么第二个值为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