漂亮表格代码.doc

收集了十一种常用简单漂亮的表格样式。有时候用文章中用上表格，会显得段落分明的效果，收到意想不到的效果。我下面用的是第三种效果第一种：单格样式，可以不定义宽度，把width=100%去掉即可： 晓龙工作室  第二种：细线表格，代码如下： 表格边线为1，线色为黑，行线色为白。 表格边线为0，间距为1，背景色为黑，行背景色为白。 第三种：立体表格，代码如下： it365cn it365cn it365cn it365cn cnbruce cnbruce cnbruce cnbruce 表格边线为1，间隔为0，左上为#333333，右下为#efefef,行背景色为#cccccc第四种：圆角另类表格，代码如下： 放大 第五种：边框虚线表格，代码如下:.tbBORDER-BOTTOM: #000000 1px dotted;BORDER-top: #000000 1px dotted;BORDER-LEFT:#000000 1px dotted;BORDER-RIGHT: #000000 1px dotted; 虚线直线1虚线直线2第六种:分类表格，代码如下：itemcontent第七种： 第1种变色单元格，通过a:hover做，代码如下：a:link,a:visited,a:hoverwidth:100%;text-decoration:none;font-family:verdana;font-size:10px;color:whitea:hoverbackground:#0099ff;color:blacktdbackground:#3366cc;color:white;padding:0px Blueidea .com CNBruce .com第八种： 第2种变色单元格，通过CSS实现，体现透明效果，代码如下：.aa background-color:#0000ff; color:#ff0000;filter: alpha(opacity=50).bb background-color:#3366cc; color:#ffffff cnbruce 第九种：第3种变色单元格，通过鼠标事件实现，代码如下： Blueidea cnbruce 第十种： 透明的表格，代码如下： cnbruce第十一种： 边框有外阴影效果，代码如下： 网站两侧浮动广告代码（随网页上下移动）lastScrollY=0;function heartBeat()var diffY;if (document.documentElement & document.documentElement.scrollTop)diffY = document.documentElement.scrollTop;else if (document.body)diffY = document.body.scrollTopelse/*Netscape stuff*/alert(diffY);percent=.1*(diffY-lastScrollY);if(percent0)percent=Math.ceil(percent);else percent=Math.floor(percent);document.getElementById(“lovexin12).style.top=parseInt(document.getElementById(“lovexin12).style.top)+percent+”px”;document.getElementById(“lovexin14).style.top=parseInt(document.getElementById(“lovexin12).style.top)+percent+”px”;lastScrollY=lastScrollY+percent;/alert(lastScrollY);suspendcode12=” /注意修改图片路径suspendcode14=” /注意修改图片路径docume