一个PHP的分页程序

在使用此分页程序之前你得在你的页面里加入以下这段CSS控制分页显示效果的:

.page a { border-right: #ccc 1px solid; padding-right: 6px; border-top: #ccc 1px solid; DISPLAY: block; padding-left: 6px; font-weight: normal; float: left; padding-bottom: 0px; margin: 5px 2px; border-left: #ccc 1px solid; color: #390; line-height: 22px; padding-top: 0px; border-bottom: #ccc 1px solid; letter-spacing: 0px; height: 22px; text-align: center; text-decoration: none }
.page span { border-right: #ccc 1px solid; padding-right: 6px; border-top: #ccc 1px solid; DISPLAY: block; padding-left: 6px; font-weight: normal; float: left; padding-bottom: 0px; margin: 5px 2px; border-left: #ccc 1px solid; color: #390; line-height: 22px; padding-top: 0px; border-bottom: #ccc 1px solid; letter-spacing: 0px; height: 22px; text-align: center; text-decoration: none; }
.page a:hover { border-right: #390 1px solid; border-top: #390 1px solid; background: #e8ffdc; border-left: #390 1px solid; color: #060; border-bottom: #390 1px solid; }
.page a.current { border-right: #390 1px solid; border-top: #390 1px solid; background: #e8ffdc; border-left: #390 1px solid; color: #060; border-bottom: #390 1px solid; }
.page a.current { font-weight: bold; }
.page input { border-right: #fff 0px solid; padding-right: 0px; border-top: #fff 0px solid; padding-left: 0px; font-size: 12px; padding-bottom: 0px; margin: 0px -5px; vertical-align: middle; border-left: #fff 0px solid; width: 25px; color: #390; padding-top: 0px; border-bottom: #fff 0px solid; height: 16px; text-align: center; }
.page { margin-top: 6px; font-size: 14px; line-height: normal; font-family: verdana; } 这是在网上看到的一个效果,自己模仿效果写的PHP代码,呵呵。

 


效果如下图:

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值