html5如何把表格宽度缩小

  

    
单元格1
    
单元格2
  
  

    
单元格3
    
单元格4
  

2、接下来，使用CSS样式来控制表格的宽度，可以在HTML文档的部分或外部CSS文件中定义样式，以下是两种方法的示例：

方法一：在HTML文档的部分内定义样式：

将上述代码添加到HTML文档的部分，即可应用样式到表格上。

方法二：在外部CSS文件中定义样式：

创建一个外部CSS文件（styles.css），并将以下代码添加到该文件中：

table {
  width: 50%; /* 设置表格宽度为父容器宽度的50% */
  bordercollapse: collapse; /* 合并相邻边框 */
}
th, td {
  border: 1px solid black; /* 设置边框样式 */
  padding: 8px; /* 设置内边距 */
  textalign: left; /* 设置文本对齐方式 */
}

在HTML文档中引用该CSS文件，使用标签将外部CSS文件链接到HTML文档中：

确保将上述代码放置在部分内，现在，表格将根据定义的样式进行渲染，宽度缩小为父容器宽度的50%。