1：效果图：
});})
| 姓名 | 性别 | 暂住地 |
|---|---|---|
| 前台设计组 | ||
| 张山 | 男 | 浙江宁波 |
| 李四 | 女 | 浙江杭州 |
| 前台开发组 | ||
| 王五 | 男 | 湖南长沙 |
| 找六 | 男 | 浙江温州 |
| 后台开发组 | ||
| Rain | 男 | 浙江杭州 |
| MAXMAN | 女 | 浙江杭州 |
2 ：效果图：
伸展开效果：
| 姓名 | 性别 | 暂住地 |
|---|---|---|
| 前台设计组 | ||
| 张山 | 男 | 浙江宁波 |
| 李四 | 女 | 浙江杭州 |
| 前台开发组 | ||
| 王五 | 男 | 湖南长沙 |
| 找六 | 男 | 浙江温州 |
| 后台开发组 | ||
| Rain | 男 | 浙江杭州 |
| MAXMAN | 女 | 浙江杭州 |
css
table { border:0;border-collapse:collapse;}td { font:normal 12px/17px Arial;padding:2px;width:100px;}th { font:bold 12px/17px Arial;text-align:left;padding:4px;border-bottom:1px solid #333;width:100px;}.parent { background:#FFF38F;cursor:pointer;} /* 偶数行样式*/.odd { background:#FFFFEE;} /* 奇数行样式*/.selected { background:#FF6500;color:#fff;}