新手技术求助:禁止使用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
相关产品推荐
相关产品推荐

