1.百度页面
2. html代码文件
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 <title>百度一下，你也不知道咯</title> 5 <link href="Baidu.css" rel="stylesheet" type="text/css" /> 6 </head> 7 <body> 8 <div> 9 10 <!--上面选项菜单--> 11 <div id="nav"> 12 <a href="#">新闻</a> 13 <a href="#">hao123</a> 14 <a href="#">地图</a> 15 <a href="#">视频</a> 16 <a href="#">贴吧</a> 17 <a href="#" class="login">登录</a> 18 <a href="#" class="set">设置</a> 19 <button>更多产品</button> 20 </div> 21 22 <!--主要部分--> 23 <div id="main"> 24 <div class="photo"> 25 <img src="Images/bd_logo1.png" width="270" height="129"/> 26 </div> 27 <div> 28 <input class="si" type="text" name="name" value=" " /><input class="sub" type="submit" name="name" value="百度一下"/> 29 </div> 30 31 <!--最底一块--> 32 <div id="bottom"> 33 <div class="ap"> 34 <a href="#">把百度设为主页</a> 35 <a href="#">关于百度</a> 36 <a href="#">About Baidu</a> 37 </div> 38 <div class="ap"> 39 <p> 40 ©2015 Baidu 使用百度前必读 意见反馈 京ICP证030173号 41 </p> 42 </div> 43 </div> 44 </div> 45 </div> 46 </body> 47 </html>
3. css代码文件
1 /*--重置body--*/
2 body
3 {
4 border: 0;
5 margin: 0;
6 }
7
8 /*--重置button的边框--*/
9 input,button
10 {
11 border:0;
12 }
13
14 /*--上面选项菜单--*/
15 #nav
16 {
17 text-align: right;
18 margin-top: 21px;
19 margin-right: 8px;
20 font-size: 13px;
21 }
22
23 #nav a
24 {
25 color: #333;
26 font-weight:bold;
27 margin:0 7px;
28 }
29
30 #nav a.set,
31 #nav a.login
32 {
33 font-weight:normal;
34 }
35
36 #nav button
37 {
38 background: #38f;
39 padding:4px 5px;
40 margin-left:5px;
41 color:White;
42 }
43
44 #nav a:hover
45 {
46 color:#00C;
47 }
48
49 /*--主要部分--*/
50 #main
51 {
52 width:655px;
53 height:488px;
54 margin:0 auto;
55 }
56
57 /*--百度一下背景图片--*/
58 #main .photo
59 {
60 text-align:center;
61 margin-bottom:19px;
62 }
63
64 #main input
65 {
66 border:1px solid #BBB;
67 width:540px;
68 height:32px;
69 padding-left:5px;
70 margin:0;
71 }
72
73 #main input.sub
74 {
75 width:100px;
76 height:36px;
77 background: #38f;
78 color:White;
79 font-size:15px;
80 }
81
82 #main input.si
83 {
84 float:left;
85 }
86
87 /*--最底一块--*/
88 #bottom
89 {
90 margin-top:249px;
91 }
92
93 #bottom .ap
94 {
95 font-size:12px;
96 text-align:center;
97 }
98
99 #bottom .ap a
100 {
101 margin:0 6px;
102 color:Blue;
103 }
104
105 #bottom .ap p
106 {
107 color:#666;
108 }
时间： 2024-12-24 17:34:03