背景属性连写

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Document</title>
 6     <style type="text/css">
 7         .box{
 8             width:500px;
 9             height:500px;
10             /* background-color:#aaa;
11             background-image:url("1.png");
12             background-repeat:no-repeat;
13             background-position:50px 10px;
14             background-attachment:scroll; */
15             /* 背景属性连写 */
16             background: url("1.png") red  no-repeat bottom scroll;
17         }
18     </style>
19 </head>
20 <body>
21     <div class="box"></div>
22 </body>
23 </html>

背景属性连写:
写法:只写background:
特点:连写的时候没有顺序要求,url是必写项。

猜你喜欢

转载自www.cnblogs.com/twinkle-/p/9095160.html