HTML表格设置宽度和高度

85次阅读
没有评论

要为HTML表格设置宽度和高度,可以使用 width 和 height 属性。这些属性可以应用于 <table> 元素本身或其中的单元格,以指定表格或单元格的尺寸。

下面是一个基本的HTML表格示例,其中包括宽度和高度的设置:

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>HTML Table Width and Height Example</title>
    <style>
        th, td {
            border: 1px solid black; /* 添加表格边框 */
        }
    </style>
</head>
<body>
<table width="500" height="300">
    <tr>
        <td width="200" height="100">Cell 1</td>
        <td width="300" height="100">Cell 2</td>
    </tr>
    <tr>
        <td width="200" height="200">Cell 3</td>
        <td width="300" height="200">Cell 4</td>
    </tr>
</table>
</body>
</html>

在这个例子中,width 和 height 属性被用来设置表格的总体尺寸,以及其中的单元格的尺寸。可以看到,第一行的两个单元格的宽度加起来等于表格宽度,而每个单元格的高度都被设置为 100 像素。第二行的两个单元格的宽度加起来也等于表格宽度,但每个单元格的高度被设置为 200 像素。

请注意,当指定表格或单元格的宽度和高度时,可以使用像素、百分比或其他单位。

正文完
 
评论(没有评论)