关于html和css,请问如何修改一下代码,让表格的第一行不显示边框呢? <table border="1" cellspacing="0"
<tableborder="1"cellspacing="0"cellpadding="0"style="border-collapse:collapse;"border...
<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标签的属性,太麻烦。求简单的方法。 展开
<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标签的属性,太麻烦。求简单的方法。 展开
展开全部
下面的是代码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>
(最后有用纯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>
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
border="0"
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
用css可以控制
最好不要用table来划分页面
最好不要用table来划分页面
追问
嗯,明白,用css可以实现,但是我对css不太熟悉,你具体说一下好吗?
另外,我用表格是来处理数据的,不是用来定位的。
追答
你想取消border的标签上添加 class,例如
css:
.noborder { border: 0; }
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询