05_css盒子模型续 

 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4 <meta charset="UTF-8">
 5 <title>Insert title here</title>
 6 <style type="text/css">
 7 div{
 8   /*  border-color:red;
 9    border-width:1px;
10    border-style:solid;
11       复合属性：
12    border:border-width || border-style || border-color
13     */
14    border:1px solid red;
15    width:100px;
16    height:100px;
17 }
18 #one{
19 /*
20 内边距：
21    1个属性：4个方向.
22    2个属性：第一个决定上下 第二个决定左右
23    3个属性:上 左右 下
24    4个属性:上 右 下 左  顺时针
25   
26   外边距margin-left同上：
27    
28   */
29    padding:10px 30px 50px 80px;
30 }
31 </style>
32 </head>
33 <body>
34     <div id="one">
35         <div id="two"></div>
36     </div>
37 </body>
38 </html>

 

posted @ 2016-02-21 21:56  男儿当自强！  阅读(131)  评论(0)    收藏  举报