如何写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代码,以实现实体细边框的效果的主要内容,如果未能解决你的问题,请参考以下文章

html中如果对table中的td设置边框样式

表格细边框的CSS样式怎么设置?

1、分别用table和div实现一个细线表格(3行3列,表格边框1px(红色),单元格200px*200px)

表格细边框的CSS样式啥设置?详细一点

如何使table的表格线变成单条细线

C#移动无边框的窗体怎么写。