html如何调整表格宽度

在HTML中,可以使用<table>标签来创建表格,并通过CSS来调整表格的宽度,以下是一个简单的示例:

html如何调整表格宽度
(图片来源网络,侵删)
<!DOCTYPE html>
<html>
<head>
<style>
  table {
    width: 100%; /* 设置表格宽度为100% */
    bordercollapse: collapse; /* 合并边框 */
  }
  th, td {
    border: 1px solid black; /* 设置边框 */
    padding: 8px; /* 设置内边距 */
    textalign: left; /* 设置文本对齐方式 */
  }
</style>
</head>
<body>
<h2>使用CSS调整表格宽度的示例</h2>
<table>
  <tr>
    <th>标题1</th>
    <th>标题2</th>
    <th>标题3</th>
  </tr>
  <tr>
    <td>内容1</td>
    <td>内容2</td>
    <td>内容3</td>
  </tr>
  <tr>
    <td>内容4</td>
    <td>内容5</td>
    <td>内容6</td>
  </tr>
</table>
</body>
</html>

在这个示例中,我们使用了<style>标签来定义CSS样式。table选择器设置了表格的宽度为100%,bordercollapse属性合并了边框,thtd选择器设置了边框、内边距和文本对齐方式。

原创文章,作者:未希,如若转载,请注明出处:https://www.kdun.com/ask/427022.html

(0)
未希新媒体运营
上一篇 2024-04-03 17:43
下一篇 2024-04-03 17:45

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注

云产品限时秒杀。精选云产品高防服务器,20M大带宽限量抢购  >>点击进入