CSS的background简写⽅式
在CSS2.1⾥,background属性的简写⽅式包含五种属性值,从CSS3开始,⼜增加了3个新的属性值,加起来⼀共8个。
CSS2.1
background-color 使⽤的背景颜⾊。
background-image 使⽤的背景图像。
background-repeat 如何重复背景图像。
background-attachment 背景图像是否固定或者随着页⾯的其余部分滚动。
background-position 背景图像的位置。
CSS3
background-size 背景图⽚的尺⼨。
background-origin 背景图⽚的定位区域。
background-clip 背景的绘制区域。
简写形式
background: [background-color] [background-image] [background-repeat] [background-attachment] [background-position] / [ background-size] [backgroun
需要注意的是⾥⾯的/,它和font以及border-radius⾥简写⽅式使⽤的/⽤法相似。/可以在⽀持这种写法的浏览器⾥在background-position后⾯接着写background-size。
除此之外,你也可以增加另外两个描述它的属性值: background-origin和 background-clip
⽰例⽤法
.example {
background: aquamarine
url(img.png)
css中的position属性no-repeat
scroll
center center / 50%
content-box content-box;
}
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论