html怎么设置表格边框


本文摘自PHP中文网,作者藏色散人,侵删。

html设置表格边框的方法:首先创建一个HTML示例文件;然后通过table定义一张表格;最后通过添加css代码为“tr td,th{border:1px solid red;}”来设置表格边框即可。

本文操作环境:windows7系统、HTML5&&CSS3版、Dell G3电脑。

准备一段表格的html代码,通过该段代码,显示浏览器对table标签的默认渲染。代码如下:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

<html>

<head>

<title></title>

</head>

<style>

</style>

<body>

<table class="mt">

    <tr>

         <th>col_1</th>

         <th>col_2</th>

         <th>col_3</th>

    </tr>

    <tr>

         <td>value_1</td>

         <td>value_2</td>

        <td>value_3</td>

   </tr>

</table>

</body>

</html>

bbb66c9a9e6bcd39966b210ed8565b4.png

为table设置内边框,可以看出table标签的默认样式是没有边框的。现在我们为table添加一个边框,只需要在style标签添加如下代码:

1

2

3

4

5

<style>

tr td,th{

border:1px solid red;

}

</style>

5b35f2533fb061c8201267cb273950c.png

阅读剩余部分

相关阅读 >>

Html文本域标签属性有哪些?Html文本域标签属性用法介绍

Html如何用css美化表格

关于Html标签style属性的使用方法详解(附具体实例)

如何制作Html表格的边框?Html table表格制作及实例

Html h1标签是双标签吗?如何设置Html h1标签的位置?

Html的编辑器使用

css全称是什么意思

Html中鼠标停留时整行变色

Html怎么给表格里字体改颜色

Html的正式名称是什么

更多相关阅读请进入《Html》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...