当前位置:编程学习 > html/css >>

关于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代码

CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,