: HOME; BBS

深山帮帮欢迎您，您可以注册或者登录: qq登录只需一步，快速开始

本站导航

深山旅行社网站管理系统开发完成，欢迎各位网友测试! 点这里测试

565449214　给站长留言

订阅本栏目 RSS您所在的位置：深山工作室 > DIV+CSS学习 > 正文

CSS分页符代码01

深山行者个人网站　2009-2-20 21:56:16　admin　字体：大中小　浏览 5218　我要评论

以下为详细代码

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE>CSS分页符代码01</TITLE>
  <META NAME="Generator" CONTENT="EditPlus">
  <META NAME="Author" CONTENT="">
  <META NAME="Keywords" CONTENT="">
  <META NAME="Description" CONTENT="">
  <style type="text/css">

.pagination{
padding: 2px;
}

.pagination ul{
margin: 0;
padding: 0;
text-align: left;
font-size: 16px;
}

.pagination li{
list-style-type: none;
display: inline;
padding-bottom: 1px;
}

.pagination a, .pagination a:visited{
padding: 0 5px;
border: 1px solid #9aafe5;
text-decoration: none; 
color: #2e6ab1;
}

.pagination a:hover, .pagination a:active{
border: 1px solid #2b66a5;
color: #000;
background-color: lightyellow;
}

.pagination li.currentpage{
font-weight: bold;
padding: 0 5px;
border: 1px solid navy;
background-color: #2e6ab1;
color: #FFF;
}

.pagination li.disablepage{
padding: 0 5px;
border: 1px solid #929292;
color: #929292;
}

.pagination li.nextpage{
font-weight: bold;
}

* html .pagination li.currentpage, * html .pagination li.disablepage{ 
margin-right: 5px;
padding-right: 0;
}

</style>
 </HEAD>

<BODY>
      <div class="pagination">
         <ul>
			<li class="disablepage">previous</li>
			<li class="currentpage">1</li>
			<li><a href="#">2</a></li>
			<li><a href="#">3</a></li>
			<li><a href="#">4</a></li>
			<li><a href="#">5</a></li>
			<li><a href="#">6</a></li>
			<li><a href="#">7</a></li>
			<li><a href="#">8</a></li>
			<li><a href="#">9</a>...</li>
			<li><a href="#">15</a></li>
			<li><a href="#">16</a></li>
			<li class="nextpage"><a href="#">next</a></li>
         </ul>
      </div>

</BODY>
</HTML>

加入收藏: 打印本页

当前标签：分页

前一页：放大的分页代码

后一页：div中的图片链接居中的问题

Ads loading...

相关阅读: ( 2010-3-15 19:25:12 )DIV+CSS分页代码,放大镜分页效果; ( 2009-9-4 8:24:11 )超级实用且不花哨的js代码大全( 2 ); ( 2009-7-28 21:02:47 )深山行者留言系统V2.2 (简称留言板V2.2); ( 2009-4-16 20:41:54 )利用java客户端静态页面玩分页; ( 2009-2-20 21:56:16 )CSS分页符代码01; ( 2009-2-20 21:51:30 )放大的分页代码; ( 2009-2-20 21:50:01 )仿mop分页代码; ( 2009-1-23 9:59:06 )详解VBScript里的对象正则表达式功能介绍

共有0条关于《CSS分页符代码01》的评论: 发表评论

正在加载评论……

返回顶部发表评论

呢称：
表情：
内容：	评论内容：不能超过 400 字，需审核，请自觉遵守互联网相关政策法规。
验证码：

深山工作室网友评论声明，请自觉遵守互联网相关政策法规。

您发布的评论即表示同意遵守以下条款：
一、不得利用本站危害国家安全、泄露国家秘密，不得侵犯国家、社会、集体和公民的合法权益；
二、不得发布国家法律、法规明令禁止的内容；互相尊重，对自己在本站的言论和行为负责；
三、本站对您所发布内容拥有处置权。

Ads loading...

更多信息>>栏目类别选择: rss学习; 个人空间; 网站设计; 网站公告; 下载; photoshop学习; ASP学习; DIV+CSS学习; SEO搜索引擎忧化; java学习; HTML学习; 网站信息; 网站类信息

更多>>同类信息: 利用CSS实现半透明效果兼容IE与火狐与chrome等浏览器; 在table中tr的display:block在firefox下显示布局错乱问题; 在未知图片的宽度与高度时利用div+css将图片居中; 用css做的英文首字母大写和英文全都大写通过各个浏览器; css优先级的例子; 让DIV固定在浏览器窗口的底部（兼容IE6）; MarkMan 马克鳗，让设计更有爱 (超级给力的页面标注工具); IE8 CSS HACK 兼容

Ads loading...

更多>>最新添加文章: 批量删除access字段里面fld.Properties.Delete; ASP操作access或sqlserver数据库的函数库; asp采用access数据库搜索信息时因为日文片假名问题提示“Microsoft JET Database Engine 错误80040e14”的解决方法; asp中求两个数的百分比（利用百分比函数FormatPercent就可以自带%的符号）; asp利用sql操作数据表、数据库的一些方法; rs操作数据表记录集对象的方法; asp利用dateadd获得上个月、本月、下个月的第一天和最后一天; asp随机显示字符长度与类型（可随机显示数字、小写字母、大写字母，可以做为随机密码使用）

业务 QQ：565449214
手机：139 6134 7334

更多>>随机抽取信息: 绝对可以用的IE6绿色版下载; [转]javascript缓冲效果; 非常不错的DIV+CSS做得菜单,跟JS效果一样,特别酷; div+css黑色焦点图(幻灯片效果非常不错); 利用javascript让PNG透明图片支持支持(IE6、IE7、firefox下测试通过); CSS代码格式化和压缩化; 非常漂亮的当前页面内容搜索代码; 实时输入数字自动转换为货币形式并计算

Ads loading...

免责声明：本站所有资料信息，有部分为本人原创，部分为从网络收集而来，仅供网友查看阅读所用，所有信息版权归信息所有人或所有公司所有
如果信息内容侵犯到您的版权或权益请与我们联系，经确认后我们会立即移除相关内容或链接
版权所有：深山工作室 http://www.qwbm.com ICP备案：苏ICP备15019627号-2

苏公网安备 32070502010230号
如果您对我们的服务有任何意见或建议，请惠赐E-mail至:565449214@qq.com
建议使用IE5.0以上浏览器、1024*768观看服务QQ：565449214 手机：139 6134 7334