搜狗手机首页
2016-10-28 17:30
33 查看
<!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>
相关文章推荐
- Android案例分享__HomePageA__仿'58到家/百度糯米/豆果美食/美团外卖/手机京东'首页
- 搜狗查找手机客户端晋级 结合微信大众渠道查找
- 博客园 首页 新随笔 联系 订阅 管理 如何使用电脑上的谷歌浏览器来调试安卓手机上的移动端页面
- 手机百度首页的localStorage的使用实例
- flex布局练习,仿手机淘宝首页
- 诺基亚E5怎么用搜狗手机拼音输入法
- ectouch手机商城首页调用指定分类下的商品
- Thinkphp交友手机首页简明前台、后台
- ECShop 替换手机版购物首页(2)
- IE8 打开网站首页显示的却是手机网站
- 在相关网站首页加载到手机上浏览网页
- jquery slider 实现手机网页上-仿淘宝首页 轮播焦点图 效果。
- 搜狗手机手机副本
- android 实战练习 回归手机卫士 二 首页手机防盗 AlertDialog对话框
- 手机版的首页不能翻页,用的是UC7.1
- 手机客户端首页设计
- phpcms v9 wap手机门户分页(显示首页末页)
- BootStrap实现网上商城首页的排版布局,可匹配不同尺寸的PC,平板,手机。
- 利用collectionView实现九宫格移动(参照工商银行手机app首页)
- 铭飞CMS支持手机版访问首页