前端网页

一时失言乱红尘 2022-06-08 10:16 137阅读 0赞

代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
<html xmlns="http://www.w3.org/1999/xhtml">  
<head>  
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
<title>无标题文档</title>  
  
  
<style>  
p\{margin:0px; padding:0px;\}  
\#div\{  
margin:0px auto;  
font-size:12px;  
padding:0px;  
border-bottom:1px solid \#00c;  
background:\#eee  
width:800px;height:18px;  
  
\}  
/\*  
ul\{  
font: 12px/30px "Times New Roman", Times, serif;  
float:left;  
left:50%;  
margin:0 auto;  
position:relative;  
\}  
\*/  
.navigation\_list\{  
  
  
width:960px;  
margin:0px auto;  
padding:5px 0;  
background:\#FFF;  
\}  
.menu\{  
float: left;  
width:100%;  
overflow:hidden;  
\}  
  
  
  
  
.menu ul\{  
font: 12px/30px "Times New Roman", Times, serif;  
float:left;  
left:50%;  
margin:0 auto;  
position:relative;  
\}  
.menu ul li\{  
float:left;  
position:relative;  
right:50%;  
margin-left:2px;  
color:\#3CF;  
list-style-type:none;  
margin:0px;padding:0px;  
width:45px;  
\}  
  
  
/\*  
div li\{  
  
  
float:left;  
position:relative;  
  
  
right:40%;  
margin-left:2px;  
list-style-type:none;  
margin:0px;padding:0px;  
width:45px;  
  
  
  
\}  
\*/  
div li a\{  
display:block;  
text-decoration:underline;  
padding:4px 0px 0px 0px;  
magin:0px;  
font-size:13px;  
  
\}  
div li a:link, div li a:visited\{  
color:\#004276;  
\}  
div li\#h\{width:1810px;height:18px;\}  
div li\#more\{width:85px;height:18px;\}  
\#s\{  
background-color:\#006eb8;  
width:430px;  
  
\}  
.clearfix:after\{  
content: ".";  
display: block;  
height:0;  
clear:both;  
visibility:hidden;  
\}  
.clearfix\{  
zoom:1;  
\}  
/\*<a href="\#" style="text-decoration:none;color:\#020202;font-size:14px;">网页</a>  
\*/  
  
  
</style>  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
</head>  
  
  
<body>  
<center>  
  
  
<br /><img src="C:\\Users\\Administrator\\Desktop\\jiangshuang\\jiasousou.jpg"<br/><br /><br /><br />  
<div class="navigation\_list clearfix">  
<div class="menu">  
<ul>  
  
<li><a href="\#" style="text-decoration:none;color:\#020202;font-size:14px;">网页</a></li>  
<li><a href="\#">图片</a></li>  
<li><a href="\#">视频</a></li>  
<li><a href="\#">音乐</a></li>  
<li><a href="\#">搜吧</a></li>  
<li><a href="\#">问问</a></li>  
<li><a href="\#">团购</a></li>  
<li><a href="\#">新闻</a></li>  
<li><a href="\#">地图</a></li>  
<li id="more"><a href="\#">更多 >></a></li>  
  
</ul>  
</div>  
</div>  
<p style="height:44px;">&nbsp;</p>  
<div id="s">  
<form action="/q?" id="flpage" name="flpage">  
<span>  
  
<input type="text" value="" size="50px";/>  
<input type="submit" value="家家搜" />  
  
</span>  
</form>  
</div>  
  
  
</center>  
</body>  
</html>

![Center][]

[Center]: /images/20220608/02a3eb3f1181413c99180d470060a190.png