云主机测评网要设置HTML表格（table）中单元格（td）的样式，可以使用内联样式、内部样式表或外部样式表，下面分别介绍这三种方法：
（图片来源网络，侵删）1、使用内联样式：在每个td标签中直接添加style属性，设置样式。
<table>
<tr>
<td style="backgroundcolor: red; color: white;">单元格1</td>
<td style="backgroundcolor: blue; color: white;">单元格2</td>
</tr>
<tr>
<td style="backgroundcolor: green; color: white;">单元格3</td>
<td style="backgroundcolor: yellow; color: black;">单元格4</td>
</tr>
</table>
2、使用内部样式表：在head标签内创建一个style标签，然后在其中定义td的样式。
<!DOCTYPE html>
<html>
<head>
<style>
td {
backgroundcolor: red;
color: white;
}
</style>
</head>
<body>
<table>
<tr>
<td>单元格1</td>
<td>单元格2</td>
</tr>
<tr>
<td>单元格3</td>
<td>单元格4</td>
</tr>
</table>
</body>
</html>
3、使用外部样式表：在head标签内创建一个link标签，引入外部CSS文件，创建一个名为style.css的文件，内容如下：
td {
backgroundcolor: red;
color: white;
}
然后在HTML文件中引入该CSS文件：
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="style.css">
</head>
<body>
<table>
<tr>
<td>单元格1</td>
<td>单元格2</td>
</tr>
<tr>
<td>单元格3</td>
<td>单元格4</td>
</tr>
</table>
</body>
</html>
以上就是三种设置HTML表格中单元格样式的方法。
最新评论
本站CDN与莫名CDN同款、亚太CDN、速度还不错，值得推荐。
感谢推荐我们公司产品、有什么活动会第一时间公布！
我在用这类站群服务器、还可以. 用很多年了。