下面的这种方法及其简单,html代码也减少了很多,结构更加的清晰。
Css代码
<style type="text/css">
<!--
table{
border-collapse:collapse;
}
td{
background:#ffc;
border:solid 1px #f90;
height:22px;
}
-->
</style>
Html代码
<table width="80%" align="center">
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
</table>
Css代码
<style type="text/css">
<!--
table{
border-collapse:collapse;
}
td{
background:#ffc;
border:solid 1px #f90;
height:22px;
}
-->
</style>
Html代码
<table width="80%" align="center">
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
</table>
本文介绍了一种使用CSS简化HTML表格布局的方法,通过设置border-collapse样式使表格边框更简洁,并规定了单元格背景颜色及高度等属性。
392

被折叠的 条评论
为什么被折叠?



