360首页格式布局

360HTML代码：

 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 2 <html xmlns="http://www.w3.org/1999/xhtml">
 3 <head>
 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 5 <title>360</title>
 6 <link href="Untitled-360.css" rel="stylesheet" type="text/css" />
 7 </head>
 8 
 9 <body leftmargin="200" rightmargin="200" topmargin="100">
10 <div id="a">a</div>
11 <div id="a1">a1</div>
12 <div id="all">
13 <div id="b">b</div>
14 <div id="b1">b1</div>
15 <div id="b2">b2</div>
16 <div id="b3">b3</div>
17 <div id="c">c</div>
18 <div id="c1">c1</div>
19 <div id="c2">c2</div>
20 </div>
21 <div id="c3">d</div>
22 
23 
24 
25 </body>
26 </html>
View Code

CSS样式表代码：

 1 @charset "utf-8";
 2 /* CSS Document */
 3 
 4 <style>
 5 *
 6 {margin:0px;/*边距*/
 7 padding:0px;}/*间距*/
 8 #all
 9 {
10     display:table;
11     height:0px;
12     margin:0px auto;
13     padding:0px;}
14 #a
15 {
16     border:2px solid #000;
17     height:150px;
18     }
19 #a1
20 {
21     border:2px solid #000;
22     height:50px;
23     margin-top:10px;}
24 #b
25 {
26     border:2px solid #000;
27     margin-top:10px;
28     float:left;
29     height:200px;
30     width:250px;}
31 #b1
32 {
33     border:2px solid #000;
34     margin-top:10px;
35     float:right;
36     height:250px;
37     width:675px;
38     }
39 #b2
40 {
41     border:2px solid #000;
42     float:left;
43     margin-top:10px;
44     height:100px;
45     width:250px;}
46 #b3
47 {
48     border:2px solid #000;
49     margin-top:10px;
50     float:right;
51     height:200px;
52     width:675px;}
53 #c
54 {
55     border:2px solid #000;
56     float:left;
57     margin-top:10px;
58     height:800px;
59     width:250px;}
60 #c1
61 {
62     border:2px solid #000;
63     float:right;
64     margin-top:10px;
65     height:500px;
66     width:675px;}
67 #c2
68 {
69     border:2px solid #000;
70     float:right;
71     margin-top:10px;
72     height:135px;
73     width:675px;}
74 #c3
75 {
76     border:2px solid #000;
77     margin-top:10px;
78     height:200px;
79     }
80 
81 </style>
View Code

 

posted on 2016-03-24 13:55  beens  阅读(226)  评论(0)  编辑  收藏  举报

导航