来看看：CSS翻页效果,鼠标放上时变更,无需JS
每个声明内只能有一个属性，如果属性值中含有空格用双引号括起来例，在一个声明块内可以有多个声明，每个声明用分号隔开。破洛洛文章简介：!DOCTYPEhtmlPUBLIC-//W3C//DTDXHTML1.0Transitional//ENhttp://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdhtmlxmlns=http://www.w3.org/1999/xhtmlheadmetahttp-equiv=Content-Typecontent=text/html;charset=gb2312/titleDIVCSS实例：一款不错
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/><title>DIVCSS实例：一款不错的CSS翻页效果（DIGG）</title><styletype="text/css">BODY{FONT-SIZE:12px;FONT-FAMILY:Verdana,Arial,Helvetica,sans-serif;WIDTH:60%;PADDING-LEFT:25px;}DIV.digg{PADDING-RIGHT:3px;PADDING-LEFT:3px;PADDING-BOTTOM:3px;MARGIN:3px;PADDING-TOP:3px;TEXT-ALIGN:center}DIV.diggA{BORDER-RIGHT:#aaaadd1pxsolid;PADDING-RIGHT:5px;BORDER-TOP:#aaaadd1pxsolid;PADDING-LEFT:5px;PADDING-BOTTOM:2px;MARGIN:2px;BORDER-LEFT:#aaaadd1pxsolid;COLOR:#000099;PADDING-TOP:2px;BORDER-BOTTOM:#aaaadd1pxsolid;TEXT-DECORATION:none}DIV.diggA:hover{BORDER-RIGHT:#0000991pxsolid;BORDER-TOP:#0000991pxsolid;BORDER-LEFT:#0000991pxsolid;COLOR:#000;BORDER-BOTTOM:#0000991pxsolid}DIV.diggA:active{BORDER-RIGHT:#0000991pxsolid;BORDER-TOP:#0000991pxsolid;BORDER-LEFT:#0000991pxsolid;COLOR:#000;BORDER-BOTTOM:#0000991pxsolid}DIV.diggSPAN.current{BORDER-RIGHT:#0000991pxsolid;PADDING-RIGHT:5px;BORDER-TOP:#0000991pxsolid;PADDING-LEFT:5px;FONT-WEIGHT:bold;PADDING-BOTTOM:2px;MARGIN:2px;BORDER-LEFT:#0000991pxsolid;COLOR:#fff;PADDING-TOP:2px;BORDER-BOTTOM:#0000991pxsolid;BACKGROUND-COLOR:#000099}DIV.diggSPAN.disabled{BORDER-RIGHT:#eee1pxsolid;PADDING-RIGHT:5px;BORDER-TOP:#eee1pxsolid;PADDING-LEFT:5px;PADDING-BOTTOM:2px;MARGIN:2px;BORDER-LEFT:#eee1pxsolid;COLOR:#ddd;PADDING-TOP:2px;BORDER-BOTTOM:#eee1pxsolid}</style><body><p><ahref="/"_fcksavedurl="/">DiggStyle-websbook.com</a><divclass="digg"><spanclass="disabled"><</span><spanclass="current">1</span><ahref="#?page=2"_fcksavedurl="#?page=2">2</a><ahref="#?page=3"_fcksavedurl="#?page=3">3</a><ahref="#?page=4"_fcksavedurl="#?page=4">4</a><ahref="#?page=5"_fcksavedurl="#?page=5">5</a><ahref="#?page=6"_fcksavedurl="#?page=6">6</a><ahref="#?page=7"_fcksavedurl="#?page=7">7</a>...<ahref="#?page=199"_fcksavedurl="#?page=199">199</a><ahref="#?page=200"_fcksavedurl="#?page=200">200</a><ahref="#?page=2"_fcksavedurl="#?page=2">></a></div></p></body></html>
提醒：您能够先修正部分代码再运转
</p>
样式的调整更加方便。内容和样式的分离，使页面和样式的调整变得更加方便。 使用内容管理系统进行开发并实现快速、精确的浏览器兼容性测试。 所见则所得网页编辑器的优点就是直观性，使用方便，容易上手. Dreamweaver在所见即所得添加链接，也可以先选中文字或图片然后在属性栏中的链接栏后的一个小圆圈，用鼠标点击小圆圈按住不放拖动出箭头然后指向文件即可。 Dreamweaver是集网页制作和管理网站于一身的所见即所得网页编辑器，在编辑时能同时看到源码和设计界面，非常方便新手学习制作网页。 每天上网看着那样多的网页，于是我才下定决心选择了网页制作这一门课程，目的就是希望以后能够做出一个完美的网页来。 Adobe Dreamweaver(前称Macromedia Dreamweaver)是Adobe公司的著名网站开发工具。 使用所见即所得的接口，亦有HTML编辑的功能。它现在有Mac和Windows系统的版本。原本由Macromedia公司所开发。 dreamweaver8中文版下载(dw)对专业网页图像设计的FIREWORKS，三者被MACROMEDIA公司称为DREAMTEAM(梦之队)。
页:
[1]