酷酷的分页按钮效果

jhlovett · 发表于 2013-2-7 20:02:48

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-CN" lang="zh-CN"><head><title>酷酷的分页按钮效果</title><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><style type="text/css"> #nav {list-style: none;display: inline;}#nav li {display: inline;margin-right: 5px;float: left;height: 20px;width: 20px;}#nav a {color: #399;text-decoration: none;display: block;font-size: 14px;font-family: Geneva, Arial, Helvetica, sans-serif;border: 1px solid #999;width: 20px;height: 20px;line-height: 20px;text-align: center;}#nav li a:hover {font-size: 24px;line-height: 30px;height: 30px;width: 30px;position: absolute;z-index: 10;margin: -5px 0 0 -5px;font-weight: bold;color: #CC66FF;border: 1px dotted #666666;background: #EEE;}</style></head><body><ul id="nav"><li><a href="#">&laquo;</a></li><li><a href="#">1</a></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="#">&raquo;</a></li></ul></body></html>

		自动登录	找回密码
密码			立即注册