背景属性连写

Posted 柠檬不酸

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了背景属性连写相关的知识,希望对你有一定的参考价值。

 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是必写项。

 

以上是关于背景属性连写的主要内容,如果未能解决你的问题,请参考以下文章

paddingmargin的属性与连写

常用CSS font属性连写

详解css:background

盒子模型

css盒子模式都具备哪些属性

炫酷 CSS 背景效果的 10 个代码片段