繁體中文当前位置: 首页 > 图文教程 > 网页制作 > CSS样式表 > css分页样式代码
- CSS样式表
- 关于CSS控制DIV水平居中问题
- CSS:相同元素不同结构重复定义的问题
- 关于DIV CSS和XHTML CSS的理解
- CSS教程：简单理解em
- CSS教程:导致一些问题的overflow
- CSS常用属性的代码简化实例
- CSS教程：总结清除浮动的方法
- 网页设计中典型的header代码结构
- CSS初学者常犯错误汇总
- CSS网页布局：div水平居中的各种方法
- CSS Div网页布局中的结构与表现
- CSS教程：简化CSS中属性的示例
- CSS网页布局：div垂直居中的各种方法
- acronym标记和abbr标记的不同之处
- CSS编写的网页打开流畅相关知识与注意点
- 你知道CSS中长度单位pt、px、dpi的意思吗？
- CSS页面布局中HTML结构化
- CSS选择器的使用技巧
- CSS教程：网页图片垂直居中的使用技巧
- dl,dt,dd标记在网页中要充分利用
CSS样式表 中的 css分页样式代码
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-10-12 浏览: 68 ::
收藏到网摘: n/a
比较经典的分页样式代码，主要是多数字分页
#page{margin:5px; padding-bottom:20px; padding-top:20px;}
#page a{border:1px solid #003399;padding:5px;margin:2px;background-color:#FFFFFF;color:#003300;height:18px; }
#page a:hover{font-size:14px; color:#FFFFFF; background-color:#003399;padding:5px;margin:2px;height:20px;}
效果图片.
这是mouse没的指上时.
这是指上去时,
好了现在我们来看看怎么使用这代码.
<div id=page>记录条 共4页 每页20条 <a href=?id=74&page=1>
<img src="/boke/blog/Pic/first.gif" border=0 alt='第一页'></a>
<a href=?id=74&page=1 class='sf'>1</a>
<a href=?id=74&page=2 class='sf'>2</a>
<a href=?id=74&page=3 class='sf'>3</a>
<a href=?id=74&page=4 class='sf'>4</a>
<a href=?id=74&page=2><img src="/boke/blog/Pic/next.gif" border=0 alt='下一页' ></a>
<a href=?id=74&page=4><img src="/boke/blog/Pic/Last.gif" alt='最后一页' border=0 ></a>
</div>
评论 (0) All
