博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
百度分页样式
阅读量:6572 次
发布时间:2019-06-24

本文共 2942 字,大约阅读时间需要 9 分钟。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>
<title> 百度分页样式 </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<style>
#page {
FONT: 14px simsun; WHITE-SPACE: nowrap
}
#page A {
TEXT-ALIGN: center; LINE-HEIGHT: 22px; DISPLAY: inline-block; BACKGROUND: white; HEIGHT: 54px; VERTICAL-ALIGN: text-bottom; OVERFLOW: hidden; MARGIN-RIGHT: 5px; TEXT-DECORATION: none
}
#page STRONG {
TEXT-ALIGN: center; LINE-HEIGHT: 22px; DISPLAY: inline-block; BACKGROUND: white; HEIGHT: 54px; VERTICAL-ALIGN: text-bottom; OVERFLOW: hidden; MARGIN-RIGHT: 5px; TEXT-DECORATION: none
}
#page A {
CURSOR: pointer
}
#page A:hover {
BACKGROUND: 0px 50%
}
#page .n:hover {
BACKGROUND: #ebebeb
}
#page A:hover .pc {
BACKGROUND: #ebebeb
}
#page .n {
BORDER-BOTTOM: #e7ecf0 1px solid; BORDER-LEFT: #e7ecf0 1px solid; PADDING-BOTTOM: 0px; PADDING-LEFT: 6px; PADDING-RIGHT: 6px; HEIGHT: 22px; BORDER-TOP: #e7ecf0 1px solid; BORDER-RIGHT: #e7ecf0 1px solid; PADDING-TOP: 0px
}
#page SPAN {
DISPLAY: block
}
#page .pc {
BORDER-BOTTOM: #e7ecf0 1px solid; BORDER-LEFT: #e7ecf0 1px solid; WIDTH: 22px; HEIGHT: 22px; BORDER-TOP: #e7ecf0 1px solid; CURSOR: pointer; BORDER-RIGHT: #e7ecf0 1px solid
}
#page .fk {
WIDTH: 24px; BACKGROUND: url(http://s1.bdstatic.com/r/www/cache/global/img/bg-1.0.4.png) no-repeat -35px -309px; HEIGHT: 30px; CURSOR: pointer
}
#page STRONG .fk {
CURSOR: auto
}
#page STRONG .pc {
CURSOR: auto
}
#page .fkd {
BACKGROUND-POSITION: -35px -303px
}
#page .fk_cur {
BACKGROUND-POSITION: 2px -312px
}
#page STRONG .pc {
LINE-HEIGHT: 24px; BORDER-RIGHT-WIDTH: 0px; WIDTH: 24px; BORDER-TOP-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; HEIGHT: 24px; BORDER-LEFT-WIDTH: 0px
}
#page .nums {
DISPLAY: inline-block; VERTICAL-ALIGN: text-bottom
}
</style>
</head>

<body>

<P id=page><A class="n"
href="#">&lt;上一页</A><A
href="#"><SPAN
class=fk></SPAN><SPAN class="pc">1</SPAN></A><A
href="#"><SPAN
class="fk fkd"></SPAN><SPAN class="pc">2</SPAN></A><A
href="#"><SPAN
class=fk></SPAN><SPAN class="pc">3</SPAN></A><STRONG><SPAN
class="fk fk_cur"></SPAN><SPAN class="pc">4</SPAN></STRONG><A
href="#"><SPAN
class=fk></SPAN><SPAN class="pc">5</SPAN></A><A
href="#"><SPAN
class="fk fkd"></SPAN><SPAN class="pc">6</SPAN></A><A
href="#"><SPAN
class=fk></SPAN><SPAN class="pc">7</SPAN></A><A
href="#"><SPAN
class="fk fkd"></SPAN><SPAN class="pc">8</SPAN></A><A
href="#"><SPAN
class=fk></SPAN><SPAN class="pc">9</SPAN></A><A
href="#"><SPAN
class="fk fkd"></SPAN><SPAN class="pc">10</SPAN></A><A
href="#"><SPAN
class=fk></SPAN><SPAN class="pc">11</SPAN></A><A
href="#"><SPAN
class="fk fkd"></SPAN><SPAN class="pc">12</SPAN></A><A
href="#"><SPAN
class=fk></SPAN><SPAN class="pc">13</SPAN></A><A class="n"
href="#">下一页&gt;</A>
</body>
</html>

转载于:https://www.cnblogs.com/m-cnblogs/archive/2012/10/10/2718564.html

你可能感兴趣的文章
Map集合案例
查看>>
RequireJS进阶(二)
查看>>
python3 在不同操作系统安装第三方库方法
查看>>
spark shuffle:分区原理及相关的疑问
查看>>
Laravel5.5 使用第三方Vendor添加注册验证码
查看>>
mysql优化
查看>>
Gradle -help
查看>>
css3做的nav
查看>>
css选择器顺序的小技巧
查看>>
互联网架构师必备技术 Docker仓库与Java应用服务动态发布那些事
查看>>
Intellij IDEA 2018.2 搭建Spring Boot 应用
查看>>
SNMP AGENT函数介绍
查看>>
Git提交到多个远程仓库(多看两个文档)
查看>>
期末大作业
查看>>
[Usaco2005 Open]Disease Manangement 疾病管理 BZOJ1688
查看>>
【Android视图效果】分组列表实现吸顶效果
查看>>
title: postGreSQL 插件 timescaleDB 安装使用 date: 2019-02-14 18:02:23
查看>>
并发容器与框架——并发容器(一)
查看>>
网络编程socket
查看>>
学界 | 伯克利最新研究:用算法解决算法偏差?公平机器学习的延迟影响
查看>>