分页效果源码.大家可以把代码copy,另存为html文件看看效果
| 以下为引用的内容： <!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=gb2312" /> <title>css实现的很漂亮的分页效果</title> <style type="text/css"> .page_break{ height:25px; line-height:25px;} .page_break strong{ font-size:12px; padding-left:8px; padding-right:8px; border:1px solid #FB9504; background:#FFFBDE; padding-top:4px; padding-bottom:2px; margin-left:6px;} .page_break a{ padding-left:8px; padding-right:8px; border:1px solid #E1E1E1; background:#fff; font-size:12px; padding-top:4px; padding-bottom:2px; color:#07519a; text-decoration:none; margin-left:6px; } .page_break a:hover{ padding-left:8px; padding-right:8px; border:1px solid #FB9504; background:#FFFBDE; } </style> </head> <body> <div class="page_break"><a href="#">上一页</a><strong>1</strong><a _fcksavedurl=""#">上一页</a><strong>1</strong><a" href="#">2</a><a href="#">下一页</a></div> </body> </html> |
