html怎么设置表格边框

PHP中文网 JavaScript 百度已收录

本文摘自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和css3中的2d、3d结合实现动画效果

Html如何让表格居中

Html中id属性和name属性的区别是什么

Html怎么设置文字居中对齐

Html编辑器有哪些？最好用的4款Html编辑器推荐

css/Html怎样让段落空出一行

Html base url是什么？Html base详细解析汇总

如何实现Html中鼠标经停时整行（tr）变色

对响应式web设计的方法实现

Html表格标题标签是什么

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




标签：

打赏

取消

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

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

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

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

相关推荐

评论

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