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>
        
        <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>
        
    </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>








本文转自豪情博客园博客,原文链接:http://www.cnblogs.com/jikey/archive/2010/05/18/1737949.html,如需转载请自行联系原作者
目录
相关文章
|
6月前
|
JavaScript
用JQuery实现选中select里面的option显示对应的div
用JQuery实现选中select里面的option显示对应的div
|
前端开发
表格插件-bootstrap table的隔行换色
表格插件-bootstrap table的隔行换色
123 0
Element-ui 表格(Table)组件中鼠标悬停(hover)样式修改
Element-ui 表格(Table)组件中鼠标悬停(hover)样式修改
2866 0
|
4月前
|
JavaScript
ElementPlus的el-table-column如何添加超链接的代码
ElementPlus的el-table-column如何添加超链接的代码
|
容器
css3 table表格
css3 table表格
56 0
|
JavaScript
拖拽插件sortable.js之el-table表格拖拽效果代码
拖拽插件sortable.js之el-table表格拖拽效果代码
283 0
|
前端开发
前端工作总结182-element-ui el-table sortable属性 参数详解
前端工作总结182-element-ui el-table sortable属性 参数详解
399 0
前端工作总结182-element-ui el-table sortable属性 参数详解
|
JavaScript
element-ui:el-table合并单元格后的行高亮显示
element-ui:el-table合并单元格后的行高亮显示
769 0
element-ui:el-table合并单元格后的行高亮显示