Question

我的桌子出现了问题，即使我放入了我的CSS，也没有给我的tr行边框分隔我的列

#mytable {
   border-collapse:collapse;
}
table,tr, td {
   border: 1px solid black; 
}

我不知道为什么它不起作用，我的表是这样的：

 <tr> 
     <td><?php echo $trouvé["lastname"] ?> </td>  
     <?php if ($trouvé["idsous_risques"] == 1) { ?>
     <td style="position:fixed;left:11.5%;border:0;"><?php echo '<center>' . $trouvé["nbr_sous_risques"] . '</center>' ?> </td>  
     <?php } ?>
</tr>

Answer 1

如果你的表结构很好，那么它应该适用于这个css

<table id="mytable" cellpaddin="0" cellspacing="0">
  <tr> 
     <td>test </td>      
     <td >test</td>       
</tr>
</table>

<强> CSS

#mytable {
   border-collapse:collapse;
}
td {
   border: 1px solid black; 
}

<强> DEMO

Answer 2

您可以使用类似此代码的css在html中创建表格

<html>
<head>
    <style>
        table{ border:1px solid black }
        th{ border:1px solid red}
        td{border:1px solid green}
    </style>
</head>
<body>
    <table>
        <tr>
            <th>S.No.</th>
            <th>Name</th>
            <th>Country</th>
        </tr>
        <tr>
            <td>1</td>
            <td>Ross tylor</td>
            <td>Canada</td>
        </tr>
    </table>
</body>

查看此代码并制作您的桌面造型师..如果您有任何问题，那么您可以从下面链接查看 http://www.webclasses.in/css-tables/

Answer 3

我用：

border-style:solid;
border-width:1px;
border-color:#CCC;

如何使用css在html中对表进行边界处理

3 个答案: