分页效果
<!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" lang="gb2312"> <head> <style type="text/css"> body{ font-size:62.5%; } #page{ clear:both; font-size:1.2em; } #page ul{ list-style:none; } #page li{ float:left; width:20px; height:20px; border:1px solid silver; background:#f60; margin:0 3px; } #page a{ display:block; text-align:center; line-height:16px; } #page a:link,#page a:visited{ background:white; text-decoration: none; color:gray; } #page a:hover,#page a:active{ text-decoration: none; background:#ccc; color:white; line-height:16px; } </style> </head> <body> <div id="page"> <ul> <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> </ul> </div> </body> </html> ?
最终效果：
?
