top.index

最新推荐文章于 2024-07-14 17:09:06 发布
空城计049
最新推荐文章于 2024-07-14 17:09:06 发布
阅读量2.1k
点赞数
分类专栏：导航文章标签： html
本文链接：https://blog.csdn.net/q275899436/article/details/43111551
版权
导航专栏收录该内容
0 篇文章 0 订阅
订阅专栏
<!doctype html>
<html>
<head>
	<meta charset="utf-8">
	<title>2015年微信排行榜</title>
	<meta name="viewport" content="width=device-width,minimum-scale=1,maximum-scale=1,initial-scale=no">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<meta name="format-detection" content="telephone=no">
	<style>
				body,.header,.header *,.com *,.tj_box *,.btnbox *{margin:0;padding:0;}
		.header,.header ul,.com ul,.tj_box ul,.btnbox ul,.header,.header li,.com li,.tj_box li,.btnbox li{list-style:none;}
		input,textarea{-webkit-appearance:none;}
		body{font-size:14px;}
		body{font-family:"Microsoft YaHei" ! important;background:#efefef;line-height:1.8;}
		.clearfix:after{content:" ";height:0;visibility:hidden;display:block;clear:both;}
		* html .clearfix{zoom:1;}
		*:first-child+html .clearfix{zoom:1;}
		.wrapper{_width:640px;max-width:640px;margin:0 auto;}
		.tj_title,.tj_box dl{border-bottom:1px solid #c5c5c5;box-shadow:0 1px 0 #FFF;-webkit-border-bottom:none;-webkit-box-shadow:none;-webkit-border-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAl4AAAACCAMAAAC+LCIRAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoxNTdCRjY1RDQ2QTVFMTExOTEzOEE0ODc3QUIxNzlFOSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo0RkJGMjk2NkZDODcxMUUxOTlENDk5RDgzNTk0QUJDQyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo0RkJGMjk2NUZDODcxMUUxOTlENDk5RDgzNTk0QUJDQyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjJCQURBMDA0QjNGQkUxMTFBNUY4QTFFQkFGRTM3OUNEIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjE1N0JGNjVENDZBNUUxMTE5MTM4QTQ4NzdBQjE3OUU5Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+GgBqZwAAAIpQTFRFxcXF/v7+/f39/Pz8+/v7+vr69/f3+fn59fX19vb2+Pj49PT0xsbGx8fHyMjIycnJzc3Ny8vLysrK0tLSzs7O4eHhzMzM3Nzc2tra09PT1NTU3t7e1tbWz8/P39/f0dHR0NDQ1dXV2NjY3d3d2dnZ4ODg19fX29vb8/Pz4uLi5OTk4+Pj5eXlvVT1UwAAALlJREFUeNrc0okVgjAQAFFUUEAF5Bbl9MKD/tuT3U0wMXkW4G9hxhiGJ3iBB0rRFdTgCM4gB/1ojy6jE7iBEnTgAAoUowa0oAIJ2pEMhCRCAeMTj9tOZn9iK/I+fEEwibiQy5gdlzAVaUlDYobKFAemIyXBlLcTuRCqve9RzuAQ5yNTE5zmmjLjS8ad20gckStaSdYCW7KUWDLzy+LbXMv4U/PfFnqmlqWx1LAVa8VK5Soc1bTRW4ABAJ6hNNejrHxUAAAAAElFTkSuQmCC) 0 0 2 0/0 0 2px 0;}
		.tj_title{margin:10px 10px 5px 10px;color:#777777;padding-bottom:5px;text-indent:10px;font-size:15px;font-weight:bold;}
		.tj_box{margin:15px 10px;text-align:left;font-size:12px;overflow:hidden;}
		.tj_box img{border:none;width:50px;height:50px;border-radius:25px 25px;}
		.tj_box dl{margin:5px 0;padding-bottom:5px;overflow:hidden;cursor:pointer;}
		.tj_box dl dt{float:right;padding:0;height:50px;}
		.tj_box dl dd{float:right;width:100%;margin-right:-55px;}
		.tj_box dl div{padding-right:70px;}
		.tj_box dl p{color:#999999;padding-right:8px;line-height:1.5;}
		.tj_box dl h3{color:#5a5a5a;font-size:14px;}
		.tj_base{display:inline-block;width:55px;height:70px;line-height:15px;text-align:center;color:#808080;text-decoration:none;margin:5px 0;background-position:center 6px;background-repeat:no-repeat;background-size:45px auto;}
		.header{height:54px;color:#FFF;position:relative;overflow:hidden;background-repeat:no-repeat;background-position:right top;background-size:auto 54px;-webkit-box-shadow:0 2px 10px 2px #d3d3d3;box-shadow:0 2px 10px 2px #d3d3d3;margin-bottom:10px;}
		.header .left{float:left;height:100%;width:auto;background-repeat:no-repeat;background-position:left 0;background-size:246px 177px;}
		.header .right{float:right;height:100%;width:64px;background-repeat:no-repeat;background-position:right bottom;background-size:246px 177px;}
		.header .left h1{padding:15px 0 2px 15px;font-weight:normal;font-size:20px;line-height:23px;}
		.header .left span{font-size:13px;line-height:18px;padding:0 0 0 15px;}
		.header{background-image:url('http://t2.qpic.cn/mblogpic/14ecf9635d2e5dcc4b5e/2000');}
				
		.menu { width:100%; height:40px; border-top:1px solid #c5c5c5; position:fixed; bottom:0; z-index:100;}
.menu a { text-decoration:none;display:block;float:left; width:33.3%;border-right:1px solid #c5c5c5;box-sizing:border-box;  height:40px; color:#4a4a4a; font:normal 14px/40px "Microsoft YaHei" ! important; background:#fafafa; margin:0px; padding:0px; text-align:center;}
.menu a.a2 {font-weight:bold; color:#EB6100; text-indent:6px;}
.menu a.a3 { border:none;}

.menu a.cur{color:#d9004a;}
	</style>
</head>
<body>
 	<div class="wrapper" id="wrapper">
      <ul class="header">
        <li class="left"><h1>2015年微信排行榜</h1></li>
        <li class="right"></li>
      </ul>
      <div class="tj_box">
            <a style="text-decoration:none;" href="http://mp.weixin.qq.com/s?__biz=MjM5NTAwNDcyMA==&mid=100080468&idx=1&sn=faf8e61a5b86fab2665946ddb18cca1d#rd">
        <dl class="clearfix">
          <dd><div style="position: relative;padding-right: 110px;"><h3 class="font14">搞笑大百科</h3><p>据说，没几个人能看完本微信，全笑翻过去了……</p><span style="display: inline-block;width: 60px; height: 33px;line-height: 33px;background-color: #44b549;border-radius: 5px;text-align: center;color:#fff;position: absolute;top: 50%;right:55px;margin-top: -17px;">+关注</span></div></dd>
          <dt class="tj_base"><img src="http://t3.qpic.cn/mblogpic/a047dff89d77ecfbe45a/2000" /></dt>
        </dl>
       </a>
		      <a style="text-decoration:none;" href="http://mp.weixin.qq.com/s?__biz=MjM5NDQ2NDgzMw==&mid=10028860&idx=1&sn=476b00e5186901b2e4697761339cfb01#rd">
        <dl class="clearfix">
          <dd><div style="position: relative;padding-right: 110px;"><h3 class="font14">插画集</h3><p>一段美文，一幅插画，愉悦你的眼，温暖你的心！</p><span style="display: inline-block;width: 60px; height: 33px;line-height: 33px;background-color: #44b549;border-radius: 5px;text-align: center;color:#fff;position: absolute;top: 50%;right:55px;margin-top: -17px;">+关注</span></div></dd>
          <dt class="tj_base"><img src="http://t3.qpic.cn/mblogpic/b0882869fbdf75de3952/2000" /></dt>
        </dl>
       </a>
		      <a style="text-decoration:none;" href="http://mp.weixin.qq.com/s?__biz=MzA3MTA0MTkwMQ==&mid=10022836&idx=1&sn=7aa49223e994e509edd3980eb8b8e904#rd">
        <dl class="clearfix">
          <dd><div style="position: relative;padding-right: 110px;"><h3 class="font14">尚美美容化妆</h3><p>美妆技巧、潮妆达人、曲线瘦身、流行元素、你想要的都可以在这里找到!召集所有喜欢打扮自己的菇凉们</p><span style="display: inline-block;width: 60px; height: 33px;line-height: 33px;background-color: #44b549;border-radius: 5px;text-align: center;color:#fff;position: absolute;top: 50%;right:55px;margin-top: -17px;">+关注</span></div></dd>
          <dt class="tj_base"><img src="http://t3.qpic.cn/mblogpic/5abd1df8de66c042a266/2000" /></dt>
        </dl>
       </a>
		      <a style="text-decoration:none;" href="http://mp.weixin.qq.com/s?__biz=MzA4NjI0MzkyMw==&mid=10000070&idx=1&sn=ca3245336c4f18a78604c162fc00ec8c#rd">
        <dl class="clearfix">
          <dd><div style="position: relative;padding-right: 110px;"><h3 class="font14">佛言禅语</h3><p>感悟佛语，聆听禅音，平息烦恼，安顿身心。每日一禅！缠解人心！</p><span style="display: inline-block;width: 60px; height: 33px;line-height: 33px;background-color: #44b549;border-radius: 5px;text-align: center;color:#fff;position: absolute;top: 50%;right:55px;margin-top: -17px;">+关注</span></div></dd>
          <dt class="tj_base"><img src="http://t3.qpic.cn/mblogpic/834bfa192b60f09a5918/2000" /></dt>
        </dl>
       </a>
		      <a style="text-decoration:none;" href="http://mp.weixin.qq.com/s?__biz=MzA3MDM2MjQyMQ==&mid=200095415&idx=1&sn=104ea12adc7db228357693acc1199bc1#rd">
        <dl class="clearfix">
          <dd><div style="position: relative;padding-right: 110px;"><h3 class="font14">教你看穿男人心</h3><p>女人心海底针，可男人的心思，又何尝不深呢？你想轻松掌握男人心吗？关注我，教你轻松搞定他，让他死心塌地爱着你。女人必看，男人必防！</p><span style="display: inline-block;width: 60px; height: 33px;line-height: 33px;background-color: #44b549;border-radius: 5px;text-align: center;color:#fff;position: absolute;top: 50%;right:55px;margin-top: -17px;">+关注</span></div></dd>
          <dt class="tj_base"><img src="http://t3.qpic.cn/mblogpic/7461427aefa7c2b01fbe/2000" /></dt>
        </dl>
       </a>
		      <a style="text-decoration:none;" href="http://mp.weixin.qq.com/s?__biz=MjM5NTI2NjQxNw==&mid=203093537&idx=1&sn=4128170b20b7028e0e162e9385a86689#rd">
        <dl class="clearfix">
          <dd><div style="position: relative;padding-right: 110px;"><h3 class="font14">健康养生小窍门</h3><p>你不养生，就会养医生。我是你的健康养生好帮手！</p><span style="display: inline-block;width: 60px; height: 33px;line-height: 33px;background-color: #44b549;border-radius: 5px;text-align: center;color:#fff;position: absolute;top: 50%;right:55px;margin-top: -17px;">+关注</span></div></dd>
          <dt class="tj_base"><img src="http://t3.qpic.cn/mblogpic/8a5fabdb132400a4e5e6/2000" /></dt>
        </dl>
       </a>
		      <a style="text-decoration:none;" href="http://mp.weixin.qq.com/s?__biz=MjM5MzYzNzU4Ng==&mid=200624749&idx=1&sn=88bf4ca62ce1716ee647f04adf52884f#rd">
        <dl class="clearfix">
          <dd><div style="position: relative;padding-right: 110px;"><h3 class="font14">全球趣闻异事</h3><p>奇闻怪事，宇宙奥秘，奇趣动物，未解之谜，灵异恐怖，考古发现，历史真相，让你大开眼界，吓掉你内裤！</p><span style="display: inline-block;width: 60px; height: 33px;line-height: 33px;background-color: #44b549;border-radius: 5px;text-align: center;color:#fff;position: absolute;top: 50%;right:55px;margin-top: -17px;">+关注</span></div></dd>
          <dt class="tj_base"><img src="http://t3.qpic.cn/mblogpic/96ac49f8b694b0772b58/2000" /></dt>
        </dl>
       </a>
		      <a style="text-decoration:none;" href="http://mp.weixin.qq.com/s?__biz=MzA4NDk3NzcyNg==&mid=200484217&idx=1&sn=7775861ca941e5cf1c3077ed401aba1b#rd">
        <dl class="clearfix">
          <dd><div style="position: relative;padding-right: 110px;"><h3 class="font14">猥琐女</h3><p>不怕你求饶，就怕你还要！今天你邪恶了没？</p><span style="display: inline-block;width: 60px; height: 33px;line-height: 33px;background-color: #44b549;border-radius: 5px;text-align: center;color:#fff;position: absolute;top: 50%;right:55px;margin-top: -17px;">+关注</span></div></dd>
          <dt class="tj_base"><img src="http://t3.qpic.cn/mblogpic/09a7b59ef1ae9c1aa4e2/2000" /></dt>
        </dl>
       </a>
		      <a style="text-decoration:none;" href="http://mp.weixin.qq.com/s?__biz=MjM5NDU0MzA2MA==&mid=10000021&idx=1&sn=152f67e40926ebaccd20208db4a8165f#rd">
        <dl class="clearfix">
          <dd><div style="position: relative;padding-right: 110px;"><h3 class="font14">衡阳生活通</h3><p>在这里我们只讨论衡阳～欢迎分享～</p><span style="display: inline-block;width: 60px; height: 33px;line-height: 33px;background-color: #44b549;border-radius: 5px;text-align: center;color:#fff;position: absolute;top: 50%;right:55px;margin-top: -17px;">+关注</span></div></dd>
          <dt class="tj_base"><img src="http://t3.qpic.cn/mblogpic/1c82030daf1c46dd0ed0/2000" /></dt>
        </dl>
       </a>
		      <a style="text-decoration:none;" href="http://mp.weixin.qq.com/s?__biz=MzAwMTE3NTUyNA==&mid=201934498&idx=1&sn=908c472a54fda19dae6fef8748e763e5#rd">
        <dl class="clearfix">
          <dd><div style="position: relative;padding-right: 110px;"><h3 class="font14">精致女人</h3><p>关于女人的所有东西都在这里哦，做女人就是要精致！</p><span style="display: inline-block;width: 60px; height: 33px;line-height: 33px;background-color: #44b549;border-radius: 5px;text-align: center;color:#fff;position: absolute;top: 50%;right:55px;margin-top: -17px;">+关注</span></div></dd>
          <dt class="tj_base"><img src="http://t3.qpic.cn/mblogpic/aa9763d2fdeeafa9706e/2000" /></dt>
        </dl>
       </a>
		      <a style="text-decoration:none;" href="http://mp.weixin.qq.com/s?__biz=MzA3MzI5NTc2OQ==&mid=202376810&idx=1&sn=f5ec55f917a2eadbfd7b7ad3c9805311#rd">
        <dl class="clearfix">
          <dd><div style="position: relative;padding-right: 110px;"><h3 class="font14">爆笑GIF趣图</h3><p>全球最火动态gif图平台，动态图首发中心。每天发布最新、最爆笑、最有趣的GIF动图，希望能与您分享开心一刻！</p><span style="display: inline-block;width: 60px; height: 33px;line-height: 33px;background-color: #44b549;border-radius: 5px;text-align: center;color:#fff;position: absolute;top: 50%;right:55px;margin-top: -17px;">+关注</span></div></dd>
          <dt class="tj_base"><img src="http://t3.qpic.cn/mblogpic/b4eccc89cf5197dae786/2000" /></dt>
        </dl>
       </a>
		      </div>
    </div>
<br/><br/><br/>
	    <div class="menu">
      <a class="a0" href="#">热门公众号</a>
      <a class="a1" href="#">热门小游戏</a>
      <a class="a1" href="#">热门小测试</a>
    </div>
    </body>
</html>
空城计049
关注
0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
top.index

2015年微信排行榜 body,.header,.header *,.com *,.tj_box *,.btnbox *{margin:0;padding:0;} .header,.header ul,.com ul,.tj_box ul,.btnbox ul,.header,.header li,.com li,.tj_box li,.btnbox li{list
复制链接

扫一扫