会员
周边
众包
新闻
博问
闪存
赞助商
Chat2DB
所有博客
当前博客
我的博客
我的园子
账号设置
简洁模式
...
退出登录
注册
登录
博客园
首页
新随笔
联系
订阅
管理
Jq-table最后一行添加样式
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>豪情</title> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> <style> .tab{border-collapse:collapse;border:1px solid #9BDF70;} .tab td{border-bottom:1px solid #92B0DD;text-align:center;} .tab th{border-bottom:2px solid #92B0DD;} .tab th.end{border-bottom:2px solid #9BDF70;border-top:2px solid #9BDF70;} .tab tr{height:25px;} </style> <script> $(function(){ $('#tab tr:last').find('th').addClass('end'); }); </script> </head> <body> <table id="tab" class="tab" width=500> <tr> <th>姓名</th> <th>QQ</th> <th>E-mail</th> </tr> <tr> <td>豪情</td> <td>249056406</td> <td>jikeytang@gmail.com</td> </tr> <tr> <td>tony</td> <td>1234567</td> <td>puag@gmail.com</td> </tr> <tr> <td>tony</td> <td>1234567</td> <td>puag@gmail.com</td> </tr> <tr> <td>tony</td> <td>1234567</td> <td>puag@gmail.com</td> </tr> <tr> <td>tony</td> <td>1234567</td> <td>puag@gmail.com</td> </tr> <tr> <th>豪情啊</th> <th>不得了</th> <th>真是的</th> </tr> </table> </body> </html>
运行代码
posted @
2010-05-18 09:48
豪情
阅读(
1509
) 评论(
0
)
编辑
收藏
举报
刷新页面
返回顶部
公告
