<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中。
效果图：
原文：http://www.cnblogs.com/dianyitongxiao/p/3595223.html