定义表格各列的样式，不用每个td都在那里加一堆的class，利用th,colgroup,col等属性，轻松搞定^_^
代码如下：
复制代码 代码如下:
tagname
    classname
    css
table
    demo
    border-collapse: collapse;
color: #454545;
font: 11px/150% verdana, arial, helvetica, sans-serif;
th
padding: 3px 7px;
border: 1px solid #f60;
border-width: 2px 1px 1px;
background: #ffffe1;
td
padding: 3px 7px;
border: 1px solid #f60;
col
    col1
    text-align: right;
background: #f5f5f5;
col
    col2
    color: #00c;
col
    col3
    font-style: italic;
抛砖引玉，更多效果就由你diy了！
tagname classname css
table demo border-collapse: collapse;color: #454545;font: 11px/150% verdana, arial, helvetica, sans-serif;
th padding: 3px 7px;border: 1px solid #f60;border-width: 2px 1px 1px;background: #ffffe1;
td padding: 3px 7px;border: 1px solid #f60;
col col1 text-align: right;background: #f5f5f5;
col col2 color: #00c;
col col3 font-style: italic;
[ctrl+a 全选 注:如需引入外部js需刷新才能执行]