<table></table>标签的属性的用法

最新推荐文章于 2024-06-19 10:23:02 发布

Alisane

最新推荐文章于 2024-06-19 10:23:02 发布

阅读量534

点赞数 1

分类专栏： CSS

本文链接：https://blog.csdn.net/wsymcxy/article/details/102626985

版权

CSS 专栏收录该内容

18 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表格学习</title>
    <style>
        table{
            border: 1px solid gainsboro;
        }
        table th{
            border: 1px solid gainsboro;
        }
        table td{
            border: 1px solid gainsboro;
        }
    </style>
</head>
<body>
<table width="100%"  border="1" cellpadding="20" cellspacing="0" align="center">
    <tr>
        <th>Header 1</th>
        <th>Header 2</th>
    </tr>
    <tr>
        <td>row 1, cell 1</td>
        <td>row 1, cell 2</td>
    </tr>
    <tr>
        <td>row 2, cell 1</td>
        <td>row 2, cell 2</td>
    </tr>
</table>
</body>
</html>

cellpadding:相当于给td设置padding

cellspacing:相当于为td与td设置距离