码迷,mamicode.com
首页 > Web开发 > 详细

html分页

时间:2015-09-08 18:06:17      阅读:150      评论:0      收藏:0      [点我收藏+]

标签:

<div class="fy">
                <a href="" title="上一页">上一页</a>
                <a class="num cur" href="" title="1">1</a>
                <a class="num" href="" title="2">2</a>
                <a class="num" href="" title="3">3</a>
                <a class="num" href="" title="4">4</a>
                <a class="num" href="" title="5">5</a>
                <a href="" title="下一页">下一页</a>
    </div>
.fy {width: 928px; display: table; padding: 15px 0px 8px; text-align: center; font-size: 12px;}
.fy a {width: auto; height: 19px; line-height: 19px; padding: 0px 10px; margin: 0px 5px; display: inline-block; color: #7f7f7f; background-color: #fff; border: 1px solid #7f7f7f;}
.fy a.num {font-family: Arial; padding: 0px 6px;}
.fy a:hover, .fy a.cur {background-color: #9c0004; color: #fff; border: 1px solid #9c0004;}

 

html分页

标签:

原文地址:http://www.cnblogs.com/qigege/p/4792240.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!