css 分页效果

2008-12-20 00:19:11 作者：

一般div+css分页效果的实现代码

<!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> 
<style type="text/css"> 
#page a{ 
display:block; 
border:1px solid red; 
background:black; 
color:white; 
width:20px; 
height:20px; 
float:left; 
margin-left:10px; 
text-align:center; 
text-decoration:none; 
font-size:12px; 
} 
#page a.current:link,#page a.current:visited{ 
background:white; 
color:black; 
} 
#page a.page_:link,#page a.page_:visited{ 
background:blue; 
width:50px; 
} 
</style> 
</head>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]