下文笔者讲述css背景简写简介及示例说明
CSS背景简写
css背景简写的功能:
用于将css背景的一系列属性写在一个属性上面
我们将这种写法称之为"CSS背景简写"
css背景简写的实现思路:
使用background即可写上所有的css背景信息
如:
background:
background-color
background-image
background-repeat
background-attachment
background-position
注意事项:
1.当有一个属性值未填写时,则会使用默认值
2.如果中间属性值缺失,则会使用后面的属性填充
例:
body {
background-color: red;
background-image: url("test.png");
background-repeat: no-repeat;
background-position: right top;
}
//可简写为
您能够使用简写属性 background
body {
background:red url("test.png") no-repeat right top;
}