六狼论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

新浪微博账号登陆

只需一步,快速开始

搜索
查看: 146|回复: 0

酷酷的分页按钮效果

[复制链接]

升级  88.33%

147

主题

147

主题

147

主题

举人

Rank: 3Rank: 3

积分
465
 楼主| 发表于 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="#">«</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="#">»</a></li></ul></body></html> 
您需要登录后才可以回帖 登录 | 立即注册 新浪微博账号登陆

本版积分规则

快速回复 返回顶部 返回列表