Table样式设置

<table class="listTable">
    <tr><th width="40px">序号</th><th width="100px">姓名</th><th width="100">性别</th><th width="40">编辑</th><th width="40">删除</th></tr>
    <tr><td>1</td><td>张三</td><td>男</td><td>编辑</td><td>删除</td></tr>
    <tr><td>2</td><td>李四</td><td>男</td><td>编辑</td><td>删除</td></tr>
    <tr><td>3</td><td>莉莉</td><td>女</td><td>编辑</td><td>删除</td></tr>
    <tr><td>4</td><td>莉莉</td><td>女</td><td>编辑</td><td>删除</td></tr>
</table>

样式设置：

.listTable{
    border-collapse:collapse;
    font-family:微软雅黑;
    font-size:small;            
}
.listTable td, .listTable th
{
    border:1px solid red;
    text-align:left;
}

 宽度设置直接写在html中。

 效果图：