You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

新手技术求助:禁止使用CSS时如何修改HTML表格第五列

不用CSS文件修改HTML表格第五列的方法

因为不能使用外部CSS文件,你可以直接给第五列的所有<th>或<td>标签添加HTML原生属性来调整样式,以下是具体操作:

1. 先梳理表格结构

你的原始表格存在结构小问题(第三行的<th>标签位置错误),先修正结构,确保每一行的单元格数量对应,再定位到第五列的所有单元格(表头用<th>,内容行用<td>)。

2. 用HTML原生属性修改样式

直接在第五列的单元格标签里添加对应属性,按需选择:

  • 设置列宽:width="150px"
  • 水平对齐:align="center"(可选left/right)
  • 垂直对齐:valign="middle"(可选top/bottom)
  • 背景颜色:bgcolor="#e6f7ff"(支持十六进制颜色值)
  • 文字样式:如果老师允许,可使用内联样式style="color: red; font-weight: bold;"(不属于外部CSS文件,多数场景下符合要求)

修正后的示例代码

<!doctype html>
<html>
<head>
  <meta charset="utf-8">
  <title>Bảng kết quả học tập</title>
</head>
<body>
  <h2 align="center">DANH SÁCH HỌC PHẦN</h2>
  <table align="center" border="2" width="800px">
    <!-- 表头区域 -->
    <tr>
      <th rowspan="3">Nhóm học phần</th>
      <th rowspan="3">Học phần</th>
      <th colspan="2">Số tín chỉ</th>
      <!-- 第五列表头,添加样式属性 -->
      <th rowspan="3" width="160px" align="center" bgcolor="#f5f5f5">Điểm kết quả</th>
    </tr>
    <tr>
      <th rowspan="2">Lý thuyết</th>
      <th rowspan="2">Thực hành<br>BTL</th>
    </tr>
    <tr></tr>

    <!-- 内容区域 -->
    <tr>
      <td rowspan="5">I<br>Cơ sở ngành</td>
      <td>Ngôn ngữ lập trình C</td>
      <td>3</td>
      <td>1</td>
      <!-- 第五列内容单元格,添加样式属性 -->
      <td align="center" style="color: #2ecc71; font-weight: bold;">8.5</td>
    </tr>
    <tr>
      <td>Cơ sở dữ liệu</td>
      <td>3</td>
      <td>1</td>
      <td align="center">7.0</td>
    </tr>
  </table>
</body>
</html>

注意点

如果第五列存在跨行/跨列的单元格,只需给对应的那个<th>或<td>添加属性即可,无需重复设置。

内容的提问来源于stack exchange,提问作者Nguyễn Thế Văn

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.10 13:00:30