您的位置：首页 > 其它

搜狗手机手机副本

2016-10-25 17:23 78 查看 
<pre name="code" class="html"><!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="45"/>
<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 title="太平洋手机" href="#">太平洋手机</a></td>
<td><a title="IT168手机" href="#">IT168手机</a></td>
<td><a title="网易手机" href="#">网易手机</a></td>
<td><a title="搜狐手机" href="#">搜狐手机</a></td>
</tr>
<tr>
<td><a title="手机中国" href="#">手机中国</a></td>
<td><a title="iPhone7" href="#">iPhone7</a></td>
<td><a title="手机之家" href="#">手机之家</a></td>
<td><a title="新浪手机" href="#">新浪手机</a></td>
<td><a title="搜狗应用中心" href="#">搜狗应用中心</a></td>
</tr>
<tr>
<td><a title="腾讯手机" href="#">腾讯手机</a></td>
<td><a title="ZOL手机" href="#">ZOL手机</a></td>
<td><a title="手机乐园" href="#">手机乐园</a></td>
<td><a title="苹果园" href="#">苹果园</a></td>
<td><a title="机锋网" href="#">机锋网</a></td>
</tr>
<tr>
<td><a title="移动网上营业厅" href="#">移动网上营业厅</a></td>
<td><a title="电信网上营业厅" href="#">电信网上营业厅</a></td>
<td><a title="联通网上营业厅" href="#">联通网上营业厅</a></td>
<td><a title="更多>>" href="#">更多>></a></td>
</tr>
</table>
</div>
</body>
</html>



                                            

                                        

                        
                        内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息 
                    

                    

                    

                        

                         标签： 
                                                

                        

                    


                

            


            

                
相关文章推荐

                

                
            

        

        

            

            
            

                

                    
新的分享

                    

                        
                    

                

            


            

                

                    
章节导航