3、CSS border-style属性：

　　设置 4 个边框的样式

　　最不可预测的边框样式是 double。它定义为两条线的宽度再加上这两条线之间的空间等于 border-width 值。不过，CSS 规范并没有说其中一条线是否比另一条粗或者两条线是否应该是一样的粗，也没有指出线之间的空间是否应当比线粗。所有这些都有用户代理决定，创作人员对这个决定没有任何影响。

4、border-collapse: collapse：

　　　　为表格设置合并边框模型

二、设计表格效果

目标：将表格的表头加粗，鼠标移到某一行时会改变该行的颜色，鼠标移开则恢复原色。

 1  2     
 3         
 4         
黄石港区各类人数统计
 5         
 6     
 7     
 8          9             10                 11                 12                 13             14             15                 16                 17             18             19                 20                 21             22             23                 24                 25             26             27                 28                 29             30             31                 32                 33             34             35                 36                 37             38             39                 40                 41             42         
社区
民主党派
无党派
党外知识分子
宗教人士
少数民族流动人口
少数民族常住人口
非公有制经济人士
新的社会阶层人士
出国和归国留学人员
港澳同胞（家属）
台湾同胞（家属）
华侨/归侨/侨眷
江北社区
天方社区
天虹社区
大码头社区
老虎头社区
锁前社区
花湖社区
43     
44 45     

知识拓展：

1、javascript中onmouseover和onmouseout事件：

　　　　　　 onmouseover 用户鼠标移入元素时触发的事件。并执行onmouseover调用的函数。

　　　　　　onmouseout 用户鼠标移开元素时触发的事件。并执行onmouseout调用的函数。

　　HTML中可以用这两个事件改变背景颜色或者背景图片，例如：

　　（1）用onmouseout onmouseover 图像间相互变换：

1 

　　（2）onmouseover onmouseout 改变文字背景色：

1 
文字

　　（3）onmouseover onmouseout 改文字变背景图：

1 
文字
3 

三、完成效果

1、打开效果

2、鼠标放上去的效果：