关于html和css,请问如何修改一下代码,让表格的第一行不显示边框呢? <table border="1" cellspacing="0"
补充:<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>
说明:前提是边框在<bable>里定义好啦,当然,我知道在td里定义边框可以实现,但是需要修改每个td标签的属性,太麻烦。求简单的方法。
追问:嗯,明白,用css可以实现,但是我对css不太熟悉,你具体说一下好吗?
另外,我用表格是来处理数据的,不是用来定位的。
答案:用css可以控制
最好不要用table来划分页面
其他:border="0" 表格有四列,就是想让第一行只分成两列显示。 ————————————用colspan= 下面的是代码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>
上一个:你好,我想问下,在dede中如何看看栏目调用的是哪个css?
下一个:如何简化边框的CSS代码