下面的是代码1，也就是在你原代码中，加上<style> 里的代码就可以了
（最后有用纯CSS写的代码）：
<html>
<head>
<style>
table{height:500px;border:none;}
td{border:1px solid #f00;}
td[colspan="10"]{border:none;}
</style>
</head>
<body>
<table border="1" cellspacing="0" cellpadding="0" style="border-collapse:collapse;" bordercolor="red">
<tbody>
<tr>
<td width="430" colspan="10"> </td>
</tr>
<tr>
<td width="75"> </td>
<td width="75"> </td>
<td width="60"> </td>
<td width="60"> </td>
<td width="80"> </td>
<td width="80"> </td>
</tr>
<tr>
<td width="75"> </td>
<td width="75"> </td>
<td width="60"> </td>
<td width="60"> </td>
<td width="80"> </td>
<td width="80"> </td>
</tr>
</tbody>
</table>
</body>
</html>
第二代码：
<html>
<head>
<style>
table{height:500px;border-collapse:collapse;}
td{border:1px solid #f00;border-spacing:0;padding:0;margin:0;}
l1{width:430px;border:none;}
t75{width:75px;}
t60{width:60px;}
t80{width:80px;}
</style>
</head>
<body>
<table>
<tbody>
<tr>
<td class="l1" colspan="10"> </td>
</tr>
<tr>
<td class="t75"> </td>
<td class="t75"> </td>
<td class="t60"> </td>
<td class="t60"> </td>
<td class="t80"> </td>
<td class="t80"> </td>
</tr>
<tr>
<td class="t75"> </td>
<td class="t75"> </td>
<td class="t60"> </td>
<td class="t60"> </td>
<td class="t80"> </td>
<td class="t80"> </td>
</tr>
</tbody>
</table>
</body>
</html>
要滚动条就把overflow的属性写成overflow:auto; 或者写成overflow:scroll;
其中overflow:scroll;会总显示滚动条，不管里面的内容有没有超出区块的大小
OVERFLOW-Y 和 OVERFLOW-X 只在IE6下有效果，从IE70开始就没效果了！其它内核浏览器也没效果
方法：
<style>
myTable th{
border:1px solid #fff;
}
</style>
<table class="myTable">
<caption>table title and/or explanatory text</caption>
<thead>
<tr>
<th>header</th>
</tr>
</thead>
<tbody>
<tr>
<td>data</td>
</tr>
</tbody>
</table>
table 边框都是border属性，一般设置在th、tr、td上
border
简写属性，用于把针对四个边的属性设置在一个声明。
border-style
用于设置元素所有边框的样式，或者单独地为各边设置边框样式。
border-width
简写属性，用于为元素的所有边框设置宽度，或者单独地为各边边框设置宽度。
border-color
简写属性，设置元素的所有边框中可见部分的颜色，或为 4 个边分别设置颜色。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）