您当前所在位置：首页 > 网络编程 > CSS/HTMLCSS/HTML css 分页效果 css分页 互联网 2008-12-20CSS/HTML1121 一般div+css分页效果的实现代码 <!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>无标题文档</title> <style type="text/css"> #page a{ display:block; border:1px solid red; background:black; color:white; width:20px; height:20px; float:left; margin-left:10px; text-align:center; text-decoration:none; font-size:12px; } #page a.current:link,#page a.current:visited{ background:white; color:black; } #page a.page_:link,#page a.page_:visited{ background:blue; width:50px; } </style> </head> <body> <div id="page"> <a href="#" class="page_">上一页</a> <a href="#">1</a> <a href="#" class="current">2</a> <a href="#">3</a> <a href="#">4</a> <a href="#">5</a> <a href="#">6</a> <a href="#">7</a> <a href="#">8</a> <a href="#">9</a> <a href="#">10</a> <a href="#" class="page_">下一页</a> </div> </body> </html> [Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行] 很赞哦！() 感谢每一位辛勤著写的作者，感谢每一位的分享！ 免责声明：以上内容(文字、图片)收集于互联网，版权归原作者所有，如有侵犯您的原创版权请告知(604811667@qq.com)，我们将尽快删除相关内容，感谢您的理解与支持！ 本文地址：http://www.ku3.com.cn/show/6162.html 上一篇 CSS Hack 汇总快查 CSS Hack 汇总快查 下一篇 ie6 注释引起的问题 一般div+css分页效果的实现代码 大图广告（830*140）
