分页显示样式(防抖动)

最新推荐文章于 2023-10-19 20:42:50 发布

i3_Online

最新推荐文章于 2023-10-19 20:42:50 发布

阅读量479

点赞数

分类专栏：前台相关文章标签： stylesheet xhtml class border html div

前台相关专栏收录该内容

2 篇文章

订阅专栏

<!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>
<link href="css/style.css" rel="stylesheet" type="text/css" />
<style type="text/css">
body, ul, h1 {
	font-family:Arial;/*防抖动*/
	font-size:12px;
}
.page {
	text-align:center;
}
.page a {
	display:inline-block;
	padding:5px 8px;
	text-decoration:none;
	border:1px solid #09F;
	background-color:#0CF;
	color:#FFF;
}
.page a:hover, .page .selected {
	border:1px solid #CCC;
	background-color:#FFF;
	color:#000;
	font-weight:bold;
}
</style>
</head>
<body>
<h1>分页样式</h1>
<div class="page">
<a href="#">1</a>  <a href="#" class="selected">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>
</div>
</body>
</html>