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

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

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

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

相关推荐