如何用thead和tbody网页制作表格

如何用thead和tbody网页制作表格

参与移动客服订票系统制作，需对查询数据进行美化，应用到thead和tbody网页制作表格：

红色部分为thead部分可以单独定义字体和背景颜色：

table thead td
{ background-color:#C4DCEC; text-align:center; line-height:20px; font-weight:bold;}

蓝色为tbody内容

奇、偶隔行换色采用jquery动态添加class方式，减少代码维护。

<script language="javascript">
$(document).ready(function () {
    $('tbody tr:odd').addClass('odd');//选择器获取tbody中奇数行添加class="odd" 
    //$('tbody tr:even').addClass('even'); 
});
</script>

定义样式为：tbody tr.odd td{ background-color:#EFF5FB;}

说明一点：tr添加背景色没有td优先级高，建议给td加

上一条： 做网页显示时间代码|js显示当前时间代码
下一条： 生日祝福短信大全|朋友祝福短信大全|生日祝福短信