css background 缩写
时间: 2023-09-01 08:09:55 浏览: 173
css3属性选择器,背景缩写
5星 · 资源好评率100%
CSS的background属性可以通过缩写的方式来设置多个子属性。常用的background缩写形式为:
background: <颜色> <图片> <重复方式> <位置> <尺寸> <原点> <裁剪方式> <附加内容>;
其中,每个子属性的缩写意义如下:
- <颜色>: 设置背景颜色
- <图片>: 设置背景图片的URL
- <重复方式>: 设置背景图片的重复方式,可选值包括repeat(默认)、repeat-x、repeat-y和no-repeat
- <位置>: 设置背景图片的起始位置,可选值包括关键字(left、center、right、top、bottom)和百分比/像素值
- <尺寸>: 设置背景图片的尺寸,可选值包括关键字(auto、cover、contain)和百分比/像素值
- <原点>: 设置背景图片的坐标原点,可选值包括关键字(padding-box、border-box、content-box)和百分比/像素值
- <裁剪方式>: 设置背景图片的裁剪方式,可选值包括关键字(border-box、padding-box、content-box)和百分比/像素值
- <附加内容>: 设置背景图片的附加内容(如滤镜效果等)
需要注意的是,background属性的子属性可以按照缩写形式省略一部分或全部属性,但是顺序必须按照上述规定,不能颠倒。如果某个子属性省略,则会使用其默认值。
阅读全文