<!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=utf-8" />
<title>CSS分页链接按钮放大</title>
<style type="text/css">
#link_box{width:300px; margin:0 auto; margin-top:200px;}
a{
display:block; float:left; margin:3px; width:20px; height:20px;color:#006;
font:12px/20px Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
text-align:center;
background:#EEE;
border:1px solid #DDD;
}
a:hover{
color:#000;
/*
*/
position:relative;
width:40px;
height:40px;
font:30px/40px Verdana, Arial, Helvetica, sans-serif;
border-color:#006;
margin-top:-7px;
margin-left:-7px;
margin-right:-7px;
}
</style>
</head>
<body>
<div id="link_box"><a href="#">1</a><a href="#">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>