如何在HTML中设置单元格的宽度和高度？

  • Z时代
  • 2024-01-10
  • 分类：综合

要设置单元格的宽度和高度，请使用CSS样式。HTML5不支持<td>单元格的height和width属性。使用CSS属性width和height分别设置单元格的宽度和高度。

请记住，样式属性的使用会覆盖全局设置的任何样式。它将覆盖HTML <style>标记或外部样式表中设置的任何样式。

您可以尝试运行以下代码以将高度和宽度设置为HTML中的表格单元格。我们还使用<style>标记和style属性来为表格设置样式

示例

<!DOCTYPE html>
<html>
   <head>
      <style>
         table, th, td {
            border: 1px solid black;
         }
      </style>
   </head>
   
   <body>
      <h1>Tutorial</h1>
      <table>
         <tr>
            <th>Language</th>
            <th>Lessons</th>
         </tr>
         <tr>
            <td style="height:100px;width:100px">Java</td>
            <td style="height:100px;width:100px">50</td>
         </tr>
         <tr>
            <td>Ruby</td>
            <td>40</td>
         </tr>
      </table>
   </body>
</html>

以上是 如何在HTML中设置单元格的宽度和高度？ 的全部内容， 来源链接： utcz.com/z/356833.html

回到顶部