HTML&CSS基础学习笔记1.18-表格的边框

最新推荐文章于 2021-06-04 21:33:18 发布

网盛数新

最新推荐文章于 2021-06-04 21:33:18 发布

阅读量439

点赞数

分类专栏： html 文章标签： html 表格边框 border

本文链接：https://blog.csdn.net/octopole/article/details/52042856

版权

html 专栏收录该内容

35 篇文章 0 订阅

订阅专栏

今天的内容比较简单~来看看HTML里表格的边框是怎么设置的吧

表格的边框

前面为了方便观察表格单元格的情况，我们给<table>加了border属性。
<table>的border属性规定围绕表格的边框的宽度。

[border]属性会为每个单元格绘制边框，并用边框围绕表格。如果border属性的值发生改变，只有表格周围边框的尺寸会发生变化，表格内部的边框不受影响。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表格的边框 border</title>
</head>
<body>
    <h2>观察border的作用</h2>
    <table border="2">
        <tr><td>第一个单元格</td><td>第二个单元格</td><td>第三个单元格</td></tr>
        <tr><td>第四个单元格</td><td>第五个单元格</td><td>第六个单元格</td></tr>
        <tr><td>第七个单元格</td><td>第八个单元格</td><td>第九个单元格</td></tr>
    </table>
</body>
</html>

结果会是？