播客趣QQ个性网静态网页代码分享
QQ个性网主要有哪些?QQ个性网址大全,QQ个性网站导航有哪些?QQ个性网站主要是分享一些qq个性网名、好听的qq个性签名、QQ空间日志、QQ头像图片、QQ图片素材、非主流图片等等。QQ个性网址大全http://m.bokequ.com/list/32-0.html
在个性网可以寻找各种男生女生头像、情侣头像、带字等个性的QQ头像。个性网的QQ网名大全也有汇集了情侣网名、男生网名、女生网名等QQ个性网名,您也可以发布分享你喜欢的QQ网名。
主页html
<!DOCTYPE HTML> <html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta http-equiv="Cache-Control" content="no-transform" /> <meta http-equiv="X-UA-Compatible" content="IE=7" /> <title>QQ个性 _ 网址大全 _ 播客趣导航 - 第1页</title> <meta name="keywords" content="qq个性签名,qq个性签网,qq个性签名大全"/> <meta name="description" content="QQ个性网站排名,QQ个性网站排行榜,QQ个性网站大全,QQ个性中文网站排名,qq空间"/> <link href="/css/style.css" rel="stylesheet" type="text/css" /> <link href="/css/style2.css" rel="stylesheet" type="text/css" /> <link href="/css/list.css" rel="stylesheet" type="text/css" /> <link id="js_oStyle" href="/css/index.css" rel="stylesheet" /> <link href="/css/otherlist.css" rel="stylesheet"> <style> dl,dd{margin:0;padding:0} </style> </head> <body> <div id="classicsWrap"> <div class="topbar"> <div class="w980 cf top-bd"> <div class="wel fl"> <ul> <li class="mcol"><a href="/" class="home">首页</a></li> <li> 分类栏目<font size="2" color="#FD944F"> 111</font>个</li> <li>已收录<font size="2" color="#FD944F">1374</font>站</li> <li>待审核<font color="#FD944F">541</font>站</li> <li>当月收录<font color="#FD944F">4</font>站</li> <li>今日审核<font color="#FD944F">4</font>站</li> </ul> </div> <ul class="sets fr cf" id="set"> <li class="themeChange " id="themeChange"> <script src="/e/member/login/loginjs.php"></script> </li> <li class=""></li> </ul> </div> </div> <div class="theme" id="theme"> <div class="themeWrap loadingBig"></div> </div> <div id="wrap"> <div class="container"> <div class="header"> <div class="header-bd cf"> <div class="fr cf"> <div class="fl handle bg" id="qingtiancms_com_xiaohua"> <a href="http://www.99jky.com/" target="_blank"><img src="http://m.bokequ.com/img/mulu.gif" border="0" width="350" height="50"></a> </div> </div> <h1><a href="http://m.bokequ.com/" title="播客趣导航"><img src="http://m.bokequ.com/images/logo.gif" style="padding-top:16px"></a></h1> </div> </div> <div class="w980 m-search rep" block="search"> <header id="header"> <section id="hd_logo"><a href="/" title="网站搜索">网站搜索</a></section> <section id="hd_searchbar"> <form class="fm" action="/e/search/index.php" method="post" name="searchform" id="searchform"> <div id="search-input" class=""> <input name="keyboard" type="text" id="search-kw" maxlength="100" value="" placeholder="请输入您要搜索的关键词……" /> <input name="src" class="src" type="hidden" value="newhome"> <input type="hidden" name="show" value="title,smalltext" /> <input type="hidden" name="tempid" value="1" /> <input type="hidden" value="url" name="tbname"> <div id="search-hotword" class="g-toggle" onselectstart="return false;"></div> <div id="search-hotword-update" data-expires="24"></div> </div> <span class="s_btn_wr"> <button type="submit" class="s_btn" onmousedown="this.className='s_btn s_btn_f'" onmouseout="this.className='s_btn'">搜索</button> </span> </form> <div id="suggest-container" style="visibility: hidden; position: absolute; top: 69px; left: 581.5px; width: 528px; z-index: 999;"> <div class="suggest-bd"></div> <div class="suggest-ft"> <div class="declare">网址导航目录</div> </div> </div> </section> <nav id="hd_othernav"> <ul> <li><a href='http://m.bokequ.com/e/search/result/?searchid=468' target=_blank>yl</a> <a href='http://m.bokequ.com/e/search/result/?searchid=467' target=_blank>55</a>
<a href='http://m.bokequ.com/e/search/result/?searchid=466' target=_blank>91</a> <a href='http://m.bokequ.com/e/search/result/?searchid=460' target=_blank>搜索</a> </li> </ul> </nav> </header> </div> <div class="w980 content_top_ad1 cf" id="content_top_ad1" style="display:none"> </div> <div class="menus" id="menu_tab"> <li><a href="/"><em><i class="menutop qt_tab_1"></i><span>首页</span></em></a></li> <li class=""><a href="http://m.bokequ.com/list/12-0.html"><em><i class="menutop qt_tab_2"></i><span>电脑网络</span></em></a></li> <li class=""><a href="http://m.bokequ.com/list/19-0.html"><em><i class="menutop qt_tab_3"></i><span>综合其它</span></em></a></li> <li class=""><a href="http://m.bokequ.com/list/24-0.html"><em><i class="menutop qt_tab_4"></i><span>休闲娱乐</span></em></a></li> <li class=""><a href="http://m.bokequ.com/list/16-0.html"><em><i class="menutop qt_tab_5"></i><span>教育文化</span></em></a></li> <li class=""><a href="http://m.bokequ.com/list/33-0.html"><em><i class="menutop qt_tab_6"></i><span>生活服务</span></em></a></li> <li class=""><a href="http://m.bokequ.com/list/34-0.html"><em><i class="menutop qt_tab_7"></i><span>行业企业</span></em></a></li> <li class=""><a href="http://m.bokequ.com/web/"><em><i class="menutop qt_tab_8"></i><span>文章资讯</span></em></a></li> <li class=""><a href="http://m.bokequ.com/moban/"><em><i class="menutop qt_tab_9"></i><span>模板源码</span></em></a></li> </div> <div style="line-height:0px; font-size:0px; clear:both" id="menu_id_both"></div> </div> </div> </div> <div class="clear"></div> <div class="seatt"> <div class="seat_left"> 当前位置:<a href="http://m.bokequ.com/">首页</a> > <a href="http://m.bokequ.com/list/24-0.html">休闲娱乐</a> > <a href="http://m.bokequ.com/list/32-0.html">QQ个性</a></div> </div> <div class="mainWrapper"> <div class="mainWrapper_left"> <div class="k"> <div class="t"> <span style="padding-left:15px;">QQ个性站点分类</span> </div> <div class="t2"> <ul><li id="tabnav_btn_1" onMouseOver="tabit(this)"><a href="http://m.bokequ.com/list/55-0.html" title="旅游出行" >旅游出行</a></li> <li id="tabnav_btn_1" onMouseOver="tabit(this)"><a href="http://m.bokequ.com/list/56-0.html" title="明星粉丝 " >明星粉丝 </a></li> <li id="tabnav_btn_1" onMouseOver="tabit(this)"><a href="http://m.bokequ.com/list/57-0.html" title="动漫网站 " >动漫网站 </a></li> <li id="tabnav_btn_1" onMouseOver="tabit(this)"><a href="http://m.bokequ.com/list/58-0.html" title="收藏爱好" >收藏爱好</a></li> <li id="tabnav_btn_1" onMouseOver="tabit(this)"><a href="http://m.bokequ.com/list/59-0.html" title="小说文学" >小说文学</a></li> <li id="tabnav_btn_1" onMouseOver="tabit(this)"><a href="http://m.bokequ.com/list/60-0.html" title="星座运势" >星座运势</a></li> <li id="tabnav_btn_1" onMouseOver="tabit(this)"><a href="http://m.bokequ.com/list/61-0.html" title="图片摄影" >图片摄影</a></li> <li id="tabnav_btn_1" onMouseOver="tabit(this)"><a href="http://m.bokequ.com/list/62-0.html" title="娱乐时尚" >娱乐时尚</a></li> <li id="tabnav_btn_1" onMouseOver="tabit(this)"><a href="http://m.bokequ.com/list/63-0.html" title="游戏网站" >游戏网站</a></li> <li id="tabnav_btn_1" onMouseOver="tabit(this)"><a href="http://m.bokequ.com/list/64-0.html" title="幽默笑话" >幽默笑话</a></li> <li id="tabnav_btn_1" onMouseOver="tabit(this)"><a href="http://m.bokequ.com/list/65-0.html" title="兴趣爱好" >兴趣爱好</a></li> <li id="tabnav_btn_1" onMouseOver="tabit(this)"><a href="http://m.bokequ.com/list/66-0.html" title="体育文化" >体育文化</a></li> <li id="tabnav_btn_1" onMouseOver="tabit(this)"><a href="http://m.bokequ.com/list/67-0.html" title="琴棋书画 " >琴棋书画 </a></li> <li id="tabnav_btn_1" onMouseOver="tabit(this)"><a href="http://m.bokequ.com/list/130-0.html" title="直播平台" >直播平台</a></li> <li id="tabnav_btn_1" onMouseOver="tabit(this)"><a href="http://m.bokequ.com/list/143-0.html" title="聊天交友" >聊天交友</a></li> <li id="tabnav_btn_1" onMouseOver="tabit(this)"><a href="http://m.bokequ.com/list/145-0.html" title="曲艺演出" >曲艺演出</a></li> <li id="tabnav_btn_1" onMouseOver="tabit(this)"><a href="http://m.bokequ.com/list/166-0.html" title="艺术创作" >艺术创作</a></li> <li id="tabnav_btn_1" onMouseOver="tabit(this)"><a href="http://m.bokequ.com/list/32-0.html" title="QQ个性" >QQ个性</a></li> <li id="tabnav_btn_1" onMouseOver="tabit(this)"><a href="http://m.bokequ.com/list/25-0.html" title="音乐MP3" >音乐MP3</a></li> <li id="tabnav_btn_1" onMouseOver="tabit(this)"><a href="http://m.bokequ.com/list/26-0.html" title="视频电影" >视频电影</a></li> </ul> </div> </div> <div class="k1"> <div class="title"> <div class="text"> <b>QQ个性 - 网址大全</b> </div> </div> <div class="box1"> <div class="picture"> <a name="obj_1" id="obj_1" href="http://m.bokequ.com/article/32/575-0.html"> <img src="http://s0.wp.com/mshots/v1/http://www.qqkw.com" alt="我要个性网 " width="164" height="114" /> </a> </div> <div class="tt"> <div class="tt_title"> <div class="tu"> <a href="http://m.bokequ.com/article/32/575-0.html" target="_blank"><b>我要个性网 </b></a></div> </div> <div class="tt_detail"> 我要个性网是一个专注分享图片、文字等素材(头像,图片,网名,个性签名等)。汇集了海量个性类资源,在这里可以寻找到您想要的、分享你喜欢的。 </div> <div class="tt_url"> 网站地址:www.qqkw.com 所属地区:<a href="/e/action/ListInfo.php?&mid=10&tempid=13&ph=1&pro=江苏省">江苏省</a> </div> <div class="tt_time"> 更新时间:2023-12-07 06:35:56 </div> </div> </div> <div class="box1"> <div class="picture"> <a name="obj_1" id="obj_1" href="http://m.bokequ.com/article/32/626-0.html"> <img src="http://s0.wp.com/mshots/v1/http://www.shuoshuokong.com" alt="说说控-QQ说说大全" width="164" height="114" /> </a> </div> <div class="tt"> <div class="tt_title"> <div class="tu"> <a href="http://m.bokequ.com/article/32/626-0.html" target="_blank"><b>说说控-QQ说说大全</b></a></div> </div> <div class="tt_detail"> 说说控——为您提供最精品的说说!专业提供2020最新的QQ心情说说大全,包括:伤感说说、个性说说、经典说说、搞笑说说、爱情说说等QQ空间说说及QQ说说心情短语。 </div> <div class="tt_url"> 网站地址:www.shuoshuokong.com 所属地区:<a href="/e/action/ListInfo.php?&mid=10&tempid=13&ph=1&pro=湖北省">湖北省</a> </div> <div class="tt_time"> 更新时间:2020-09-13 14:53:36 </div> </div> </div> <div class="box1"> <div class="picture"> <a name="obj_1" id="obj_1" href="http://m.bokequ.com/article/32/611-0.html"> <img src="http://s0.wp.com/mshots/v1/http://www.oicq88.com" alt="QQ网名" width="164" height="114" /> </a> </div> <div class="tt"> <div class="tt_title"> <div class="tu"> <a href="http://m.bokequ.com/article/32/611-0.html" target="_blank"><b>QQ网名</b></a></div> </div> <div class="tt_detail"> QQ网名 QQ网名大全 QQ个性网名 好听的网名 扣扣网名 好的网名 </div> <div class="tt_url"> 网站地址:www.oicq88.com 所属地区:<a href="/e/action/ListInfo.php?&mid=10&tempid=13&ph=1&pro=福建省">福建省</a> </div> <div class="tt_time"> 更新时间:2020-01-12 08:03:20 </div> </div> </div> <div class="box1"> <div class="picture"> <a name="obj_1" id="obj_1" href="http://m.bokequ.com/article/32/285-0.html"> <img src="http://s0.wp.com/mshots/v1/http://www.qqpk.cn" alt="QQ加油站" width="164" height="114" /> </a> </div> <div class="tt"> <div class="tt_title"> <div class="tu"> <a href="http://m.bokequ.com/article/32/285-0.html" target="_blank"><b>QQ加油站</b></a></div> </div> <div class="tt_detail"> QQ加油站为你提供精选免费的QQ个性签名、唯美图片、说说、头像图片、QQ网名、优美句子、范文大全、经验技巧大全... </div> <div class="tt_url"> 网站地址:www.qqpk.cn 所属地区:<a href="/e/action/ListInfo.php?&mid=10&tempid=13&ph=1&pro=湖北省">湖北省</a> </div> <div class="tt_time"> 更新时间:2018-08-08 01:01:46 </div> </div> </div> <div class="box1"> <div class="picture"> <a name="obj_1" id="obj_1" href="http://m.bokequ.com/article/32/267-0.html"> <img src="http://s0.wp.com/mshots/v1/http://www.kanqq.com" alt="KanQQ个性网" width="164" height="114" /> </a> </div> <div class="tt"> <div class="tt_title"> <div class="tu"> <a href="http://m.bokequ.com/article/32/267-0.html" target="_blank"><b>KanQQ个性网</b></a></div> </div> <div class="tt_detail"> KanQQ个性网专注于分享QQ个性内容,我们提供最新最炫的QQ头像、QQ网名、QQ个性签名、QQ分组、QQ皮肤、QQ说说、QQ表情、QQ日志等QQ周边个性内容,还有最全的唯美图片、QQ心情日志等QQ空间素材等您发现和使用,看QQ个性网是您装扮个性QQ的首选网站。 </div> <div class="tt_url"> 网站地址:www.kanqq.com 所属地区:<a href="/e/action/ListInfo.php?&mid=10&tempid=13&ph=1&pro=河南省">河南省</a> </div> <div class="tt_time"> 更新时间:2018-08-07 09:17:17 </div> </div> </div> <div class="box1"> <div class="picture"> <a name="obj_1" id="obj_1" href="http://m.bokequ.com/article/32/254-0.html"> <img src="http://s0.wp.com/mshots/v1/http://www.qqmmgg.com" alt="QQ个性网名" width="164" height="114" /> </a> </div> <div class="tt"> <div class="tt_title"> <div class="tu"> <a href="http://m.bokequ.com/article/32/254-0.html" target="_blank"><b>QQ个性网名</b></a></div> </div> <div class="tt_detail"> 收录汇聚用户原创QQ网名、游戏网名、个性签名、分组信息,输入您的姓名,为您量身定制专属网名,喊出您的表白,获得亿万用户的祝福 </div> <div class="tt_url"> 网站地址:www.qqmmgg.com 所属地区:<a href="/e/action/ListInfo.php?&mid=10&tempid=13&ph=1&pro=北京市">北京市</a> </div> <div class="tt_time"> 更新时间:2018-08-07 09:16:05 </div> </div> </div> <div class="box1"> <div class="picture"> <a name="obj_1" id="obj_1" href="http://m.bokequ.com/article/32/232-0.html"> <img src="http://s0.wp.com/mshots/v1/http://www.qzby.com" alt="Q友地带网" width="164" height="114" /> </a> </div> <div class="tt"> <div class="tt_title"> <div class="tu"> <a href="http://m.bokequ.com/article/32/232-0.html" target="_blank"><b>Q友地带网</b></a></div> </div> <div class="tt_detail"> Q友地带网提供多种风格QQ头像、QQ个性图片、好看的QQ皮肤大图、个性qq网名签名、qq分组大全等内容,更有数万张热门图片头像等你来分享 </div> <div class="tt_url"> 网站地址:www.qzby.com 所属地区:<a href="/e/action/ListInfo.php?&mid=10&tempid=13&ph=1&pro=广东省">广东省</a> </div> <div class="tt_time"> 更新时间:2018-08-04 16:36:19 </div> </div> </div> <div class="box1"> <div class="picture"> <a name="obj_1" id="obj_1" href="http://m.bokequ.com/article/32/1254-0.html"> <img src="http://s0.wp.com/mshots/v1/http://qz.100bt.com" alt="Q族" width="164" height="114" /> </a> </div> <div class="tt"> <div class="tt_title"> <div class="tu"> <a href="http://m.bokequ.com/article/32/1254-0.html" target="_blank"><b>Q族</b></a></div> </div> <div class="tt_detail"> Q族-是百田网推出的QQ个性素材分享频道,为网友提供QQ头像、QQ网名、QQ分组、QQ个性签名素材内容,在线交Q友,就来百田网Q族吧 </div> <div class="tt_url"> 网站地址:qz.100bt.com 所属地区:<a href="/e/action/ListInfo.php?&mid=10&tempid=13&ph=1&pro=广东省">广东省</a> </div> <div class="tt_time"> 更新时间:2018-06-26 08:59:45 </div> </div> </div> <div class="box1"> <div class="picture"> <a name="obj_1" id="obj_1" href="http://m.bokequ.com/article/32/1668-0.html"> <img src="http://s0.wp.com/mshots/v1/http://www.qqjay.com" alt="QQJAY空间站" width="164" height="114" /> </a> </div> <div class="tt"> <div class="tt_title"> <div class="tu"> <a href="http://m.bokequ.com/article/32/1668-0.html" target="_blank"><b>QQJAY空间站</b></a></div> </div> <div class="tt_detail"> QQJAY空间站为您提供QQ头像,QQ分组,个性签名,QQ网名,空间日志,非主流图片,QQ空间素材,还有更多的原创皮肤,与您共分享! </div> <div class="tt_url"> 网站地址:www.qqjay.com 所属地区:<a href="/e/action/ListInfo.php?&mid=10&tempid=13&ph=1&pro=河南省">河南省</a> </div> <div class="tt_time"> 更新时间:2018-04-09 07:42:15 </div> </div> </div> </div> <div class="page"> <div class="page_box"> <a title="总数"> 12 </a> <b>1</b> <a href="http://m.bokequ.com/list/32-1.html">2</a>
<a href="http://m.bokequ.com/list/32-1.html">下一页</a> <a href="http://m.bokequ.com/list/32-1.html">尾页</a> </div> </div> </div> </div> </div> <div class="footer cf" id="content_top_ad_foot3"> <div class="link"> <p class="copyright">Copyright ©2023.12 <a target="_self" href="http://m.bokequ.com/">播客趣导航</a> </p> </div> </body> </html>
css样式
/* CSS Document */ .seat{ width:1200px;height:16px; line-height:16px; margin:0 auto; margin-top:15px; font-size:13px;} .seat_left{ width: 1000px; height:16px; margin-left: auto; margin-right: auto; } .seat_left2{ width:500px; height:16px; float:left;} .seat_left3{ width:460px; height:16px; float:left;} .seat_left3 ul li{ height:16px; float:left;} .seat_img{ width:30px; height:11px; float:left; margin-top:2px;} .seatt{ width: 1000px;height:16px; line-height:16px; margin:0 auto; margin-top:15px; font-size:13px;} .seatt_left{ width:1200px; height:16px; margin-left: auto; margin-right: auto;} .seatt_left2{ width:500px; height:16px; float:left;} .seatt_left3{ width:460px; height:16px; float:left;} .seatt_left3 ul li{ height:16px; float:left;} .seatt_img{ width:30px; height:11px; float:left; margin-top:2px;} .container{ width:1200px; overflow:hidden; margin:0 auto; margin-top:12px;} .container .mudao{ width: 928px; height: auto; float: left; border: #dcdcdc 1px solid; overflow: hidden; } .container .mudao .t { width: 928px; border-bottom: #dcdcdc 1px dashed; height: 32px; line-height: 32px; font-size: 15px; float: left; overflow: hidden; } .container .mudao .t2 { width: 900px; line-height: 32px; font-size: 12px; margin-left: 15px; overflow: hidden; } .container .mudao .t2 ul li { height: 32px; padding-right: 18px; float: left; } .container_list{ width:930px; float:left;} .container_list .x{ width:930px; height:32px; border-bottom:#dcdcdc 1px solid; float:left;} .container_list .title{ width:75px; height:32px; border-bottom:#c81521 2px solid; text-align:center; font-size:16px; line-height:32px;} .container_list .info{ width:930px; height:177px; border-bottom:#dcdcdc 1px solid; float:left;} .info_title{ width:775px; height:30px; float:left; margin:27px 0 0 20px; font-size:25px;} .info_dian{ width:16px; height:16px; float:right; margin:37px 50px 0 0;} .info_title a{ color:#3d3d3d;} .info_title a:hover{ color:#3d3d3d; text-decoration:underline;} .info_text{ width:890px; height:53px; float:left; font-size:15px; line-height:26px; margin:15px 0 0 20px; color:#757575;} .info_text a{ color:#418dd9;} .info_text a:hover{ color:#c81521;} .info_time{ width:934px; height:18px; margin:10px 0 0 20px; font-size:14px; float:left; color:#C6C6C6;} .container_sidebar{ width:250px; height:1400px; float:right;} .container_sidebar .img{ width:250px; height:250px; float:left;} .container_sidebar .title{ width:250px; height:36px; margin-top:15px; float:left; border-bottom:#dcdcdc 1px dashed; border-top:#c81521 2px solid; line-height:36px; font-size:15px;} .container_sidebar .title a{ color:#999999;} .container_sidebar .information{ width:250px; height:280px; margin-top:8px; float:left;} .container_sidebar .information ul li{ width:250px; height:28px; font-size:14px;} .container_sidebar .tip{ width:250px; height:62px; float:left; margin-top:16px;} .tip_left{ width:81px; height:60px; border:#dcdcdc 1px solid; float:left;} .tip_right{ width:140px; height:62px; float:left; margin-left:9px; font-size:10px; line-height:17px;} .container_sidebar .text { width: 250px; overflow:hidden; float: left; } .w250 .text{ width: 250px; overflow: hidden; float: left; } .module .text{ width: 250px; overflow: hidden; float: left; } .weblist_b {padding: 0 10px;} .weblist_b li {padding: 8px 0 5px 0; position: relative;} .weblist_b li img {background: #fff; border: solid 1px #dbdbdb; height: 65px; width: 85px;} .weblist_b li strong {display: block; font: normal 12px ''; height: 15px; overflow: hidden; position: absolute; left: 90px; top: 8px; width: 135px;} .weblist_b li strong a {color: #c81521; text-decoration: none;} .weblist_b li p {display: block; height: 35px; line-height: 18px; overflow: hidden; position: absolute; left: 90px; top: 25px; width: 140px;font-size: 12px;} .weblist_b li address {display: block; height: 20px; overflow: hidden; position: absolute; left: 90px; top: 56px; width: 130px;} .visit { background: url(../images/visit.gif) no-repeat right; padding-right: 15px; font-size:12px; } .tip_right a{ color:#4aae5f;} .xian{ width:250px; height:1px; border-bottom:#dcdcdc 1px solid; float:left; margin-top:25px;} .k1 { float: left; margin-top: 13px; margin-bottom: 15px; } .page{ width: 670px; margin:0 auto; margin-top:37px;} .page_box{text-align: center;margin-bottom: 15px;} .page a{display: inline-block; min-width: 30px; height: 30px; border-radius: 3px; margin-right: 10px; background-color: #f2f2f2; line-height: 30px; font-size: 16px; color: #999999;padding: 0px 10px;} .prev-page{} .next-page{} .page b{background-color: #4b87cb; color: #fff; display: inline-block; min-width: 30px; height: 30px; border-radius: 3px; margin-right: 10px; line-height: 30px; font-size: 16px; padding: 0px 10px;} .page_box .total_page{ padding-left:10px; padding-right:10px; height:26px; background:#c81521; float:left;text-align:center; line-height:26px; color:#FFFFFF; margin-right:8px;} .page_box .current {background: #c81521;color: #fff;display: block;float: left;margin-right: 8px;margin-left: 8px;padding: 3px 10px;} .first_page, .last_page, .prev_page, .next_page, .pages { background: #fff; border: 1px solid #c81521; color: #c81521; display: block; float: left; margin-right: 8px; margin-left: 8px; padding: 2px 10px; text-decoration: none; } .page_box .btn a{ color:#FFFFFF; } .page_box .btn:hover{ background:#2E2E2E;} .page_box .btn2 a{ width:24px; height:24px; border:#474747 1px solid; margin-left:5px; float:left; color:#474747; text-align:center; line-height:26px;} .page_box .btn2 a:hover{color:#FFFFFF;background:#474747;}