HTML&CSS基础学习笔记1.18-表格的边框博客分类： HTML border表格边框table

程序员文章站 2024-03-11 23:12:07

...

今天的内容比较简单~来看看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="10">
        <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>

结果会是？

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

博客分类： HTML border表格边框table