表格标签之表格属性

辐_射

已于 2022-08-07 23:37:39 修改

阅读量175

点赞数

分类专栏： html+css 文章标签：前端 html

于 2022-08-07 20:58:09 首次发布

本文链接：https://blog.csdn.net/L1585931143/article/details/126216907

版权

html+css 专栏收录该内容

28 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>表格相关属性2</title>
</head>

<body>
    <!-- 表格属性：表格对齐方式、表格边框线、单元格内边距、单元格边距、表格宽高 -->
    <table align="center" border="1" cellpadding="0" cellspacing="0" width="500" height="249"><!-- 表格 -->
        <tr><!-- 表格行 -->
            <th>属性名</th><!-- 表头 -->
            <th>属性值</th>
            <th>描述</th>
        </tr>
        <tr><!-- 表格行 -->
            <td>align</td><!-- 单元格 -->
            <td>left、center、right</td>
            <td>规定表格相对周围元素的对齐方式</td>
        </tr>
        <tr><!-- 表格行 -->
            <td>border</td><!-- 单元格 -->
            <td>1或""</td>
            <td>规定表格单元是否拥有边框,默认为""，表示没有边框</td>
        </tr>
        <tr><!-- 表格行 -->
            <td>cellpadding</td><!-- 单元格 -->
            <td>像素值</td>
            <td>规定单元边沿与其内容之间的空白，默认1像素</td>
        </tr>
        <tr><!-- 表格行 -->
            <td>cellspacing</td><!-- 单元格 -->
            <td>像素值</td>
            <td>规定单元格之间空白，默认2像素</td>
        </tr>
        <tr><!-- 表格行 -->
            <td>width</td><!-- 单元格 -->
            <td>像素值或百分比</td>
            <td>规定表格的宽度</td>
        </tr>
    </table>
</body>
</html>

属性名	属性值	描述
align	left、center、right	规定表格相对周围元素的对齐方式
border	1或""	规定表格单元是否拥有边框,默认为""，表示没有边框
cellpadding	像素值	规定单元边沿与其内容之间的空白，默认1像素
cellspacing	像素值	规定单元格之间空白，默认2像素
width	像素值或百分比	规定表格的宽度