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

来源：互联网发布：mac怎么设置默认输入法编辑：程序博客网时间：2024/04/29 20:03

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

结果会是？

更多学习内容，就请前往码芽网吧http://www.mayacoder.com/lesson/index

想要尝试、调整不同的边框设置，就去试试吧~

0 0