如何写html的table代码,以实现实体细边框的效果

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何写html的table代码,以实现实体细边框的效果相关的知识,希望对你有一定的参考价值。

可以使用css样式表实现,示例如下:


<html>
    <head>
        <style type="text/css">
            table,td,th
                border:1px solid gray;
            
        </style>
    </head>
    <body>
        <table border="1">
             <tr>
                <th>学号</th>
                <th>姓名</th>
                <th>性别</th>
            </tr>
            <tr>
                <td>1001</td>
                <td>张三</td>
                <td>男</td>
            </tr>
        </table>
    </body>
</html>
参考技术A border:1px solid black;
border-collapse:collapse;
表格单元格边框线重叠即可;

要在html中显示实线边框,则如何写代码?

border: 1px solid #f00; 第一个值是边框大小,第二个值是 实线, 第三个值是边框颜色 参考技术A 给要加边框的元素添加样式border为1px即可。

以上是关于如何写html的table代码,以实现实体细边框的效果的主要内容,如果未能解决你的问题,请参考以下文章