繁体   English   中英

如何使用css在html中边框

[英]how to border a table in html using css

我的表格遇到问题,即使我放进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>

如果您的表结构很好,那么它应该与此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; 
}

演示

您可以像这样的代码使用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/查看

我用:

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

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM