直接用表格能实现右边的效果?如果可以结构是怎么样的?表格很少写,希望有人指点下
<div class="ceshi">
<h4>人物信息</h4>
<table>
<thead>
<tr>
<th>民族</th>
<th>民族</th>
<th>民族</th>
<th>民族</th>
<th>民族</th>
<th>民族</th>
</tr>
</thead>
<tbody>
<tr>
<td>测试</td>
<td>测试</td>
<td>测试</td>
<td>测试</td>
<td>测试</td>
<td>测试</td>
</tr>
</tbody>
</table>
</div>
<style type="text/css">
div.ceshi{width: 1000px;}
h4{text-align: center;border:1px #ddd solid;padding:20px;margin:0;border-bottom: none;}
table {
border-collapse: collapse;
border-spacing: 0;
width: 100%;
}
table tr th,table tr td{border:1px #ddd solid;padding:20px;}
</style>
3 回答4.9k 阅读✓ 已解决
5 回答2k 阅读
2 回答1.9k 阅读✓ 已解决
1 回答3k 阅读✓ 已解决
3 回答2.5k 阅读
3 回答2.1k 阅读
2 回答1k 阅读✓ 已解决
jsFiddle