1 改变背景色

操作方法：点击小方格里的颜色，上方的方框就会更换为所点击颜色的背景色。

效果演示:

 

 

所需文件: changeBG.js

HTML代码:

<div style="border: 1px solid rgb(204, 204, 204); padding: 3px; width: 100%; height: 20px; font-size: 12px; color: black; text-align: center;" id="sample">背景色变化显示层</div>

使用修改须知：

修改 changeBG.js 中的 display 函数，将sample修改为你所需要改变背景色的层id即可

2 几种漂亮好看而又经典的表格样式

1 阴影效果（仅兼容IE）

效果：

博客名称	网址	联系人
风过无痕	http://www.fengzhizi.cn	何晓理

 代码：

<table cellspacing="0" cellpadding="5" style="font-size: 12px;"> <tbody> <tr align="center"> <td bgcolor="#e0e0e0">博客名称</td> <td bgcolor="#f0f0f0">网址</td> <td bgcolor="#e0e0e0">联系人</td> </tr> <tr align="center"> <td width="140" bgcolor="#f0f0f0">风过无痕</td> <td width="140" bgcolor="#e0e0e0">http://www.fengzhizi.cn</td> <td width="140" bgcolor="#f0f0f0">何晓理</td> </tr> </tbody></table>

2 仿圆角表格

效果：

 

风过无痕

域名：www.fengzhizi.cn　｜　站长：何晓理　｜　居住地：济南

 

<fieldset style="width:480px;font-size:14px" align=center><legend>风过无痕</legend><p align=center>域名：www.fengzhizi.cn　｜　站长：何晓理　｜　居住地：济南<p></fieldset></p>