源码如下:
=========================
<style type="text/css">
<!--
.data_table {
color: #FF6600;
border-collapse: collapse;
border:3px solid red;
background:#eee;
}
.data_table td {
border:1px solid #000000;
}
-->
</style>
<table class="data_table" width="100" height="100">
<tr>
<td>1</td>
<td>2</td>
</tr>
<tr>
<td>3</td>
<td>4</td>
</tr>
<tr>
<td>5</td>
<td>6</td>
</tr>
</table>
=========================
<style type="text/css">
<!--
.data_table {
color: #FF6600;
border-collapse: collapse;
border:3px solid red;
background:#eee;
}
.data_table td {
border:1px solid #000000;
}
-->
</style>
<table class="data_table" width="100" height="100">
<tr>
<td>1</td>
<td>2</td>
</tr>
<tr>
<td>3</td>
<td>4</td>
</tr>
<tr>
<td>5</td>
<td>6</td>
</tr>
</table>
博客给出了一段CSS和HTML代码,通过定义名为data_table的类,设置表格颜色、边框、背景等样式,实现了一个带边框的表格展示,体现了CSS在表格样式设计上的应用。
4652

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



