<!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>手机-QQ导航</title>
<style type="text/css">
* {
margin: 0px;
padding: 0px;
}
.all {
width: 1000px;
margin: 0px auto;
}
.tou {
height: 50px;
width: 1000px;
border: thin dotted #999999;
margin: 0px auto;
}
ul {
list-style-type: none;
}
.tou {
background-image: url(QQ4.png);
background-repeat: repeat-x;
background-position: left;
text-align: left;
}
.tou img {
float: left;
margin-top: 5px;
}
.tou a {
float: left;
display: block;
background-image: url(btn_1.png);
background-repeat: no-repeat;
text-align: center;
color: #0000FF;
text-decoration: none;
padding: 0px 0px 10px 10px;
font-weight: bolder;
margin-top: 10px;
background-position: left 25px;
}
.tou .zi {
position: relative;
float: right;
}
.b {
position: relative;
float: left;
}
</style>
</head>
<body>
<div class="all">
<div class="tou">
<ul>
<li><a href="#">网址大全</a><a href="#">电影</a><a href="#">电视剧</a><a href="#">彩票</a><a href="#">团购</a><a href="#">购物</a><a href="#">手机必备</a><a href="#">小说</a><a href="#">笑话</a><a href="#">更多分类</a></li>
</ul>
<div class="zi"><a href="#"> 设为主页 | 加入收藏 | 意见反馈</a></div>
</div>
</div>
<div class="tou">
<tr>
<td rowspan="2"><a class="b" href="#"><img src="QQ截图1.png" /></a></td>
</tr>
<tr>
<td><a href="#"> 网页</a><a href="#">MP3</a><a href="#">视频</a><a href="#">图片</a><a href="#">知道</a><a href="#">淘宝</a><a href="#">地图</a></td>
</tr>
</div>
<div>
<input name="name" type="text" size="40"/>
<img src="QQ截图2.png" />
</div>
<br/>
<!--添加DIV 设置宽度/外边距水平自动-->
<div style="margin: 0px auto;width:1000px;">
当前位置：<a href="#">导航首页</a><span>手机</span>
</div>
<div class="tou">
<table width="960" height="220" border="">
<tr>
<td colspan="5"><h3><img src="QQ截图3.png">手机综合</h3></td>
</tr>
<tr>
<td><a target="_blank" title="天极手机" href="#">天极手机</a></td>
<td><a target="_blank" title="太平洋手机" href="#">太平洋手机</a></td>
<td><a target="_blank" title="IT168手机" href="#">IT168手机</a></td>
<td><a target="_blank" title="网易手机" href="#">网易手机</a></td>
<td><a target="_blank" title="搜狐手机" href="#">搜狐手机</a></td>
</tr>
<tr>
<td><a target="_blank" title="手机中国" href="#">手机中国</a></td>
<td><a target="_blank" title="iPhone7" href="#">iPhone7</a></td>
<td><a target="_blank" title="手机之家" href="#">手机之家</a></td>
<td><a target="_blank" title="新浪手机" href="#">新浪手机</a></td>
<td><a target="_blank" title="搜狗应用中心" href="#">搜狗应用中心</a></td>
</tr>
<tr>
<td><a target="_blank" title="腾讯手机" href="#">腾讯手机</a></td>
<td><a target="_blank" title="ZOL手机" href="#">ZOL手机</a></td>
<td><a target="_blank" title="手机乐园" href="#">手机乐园</a></td>
<td><a target="_blank" title="苹果园" href="#">苹果园</a></td>
<td><a target="_blank" title="机锋网" href="#">机锋网</a></td>
</tr>
<tr>
<td><a target="_blank" title="移动网上营业厅" href="#">移动网上营业厅</a></td>
<td><a target="_blank" title="电信网上营业厅" href="#">电信网上营业厅</a></td>
<td><a target="_blank" title="联通网上营业厅" href="#">联通网上营业厅</a></td>
<td><a target="_blank" title="更多>>" href="#">更多>></a></td>
</tr>
</table>
</div>
</body>
</html>
扫一扫
2981
06-17
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
