HTML怎么给表格加背景颜色
在HTML中，我们可以使用内联样式或者外部样式表来给表格添加背景颜色，下面分别介绍这两种方法。
1、内联样式
内联样式是通过在HTML标签中添加style属性来实现的，我们有一个表格<table>,我们想给它的背景颜色设置为红色，可以这样写：
<table style="background-color: red;">
<tr>
<th>标题1</th>
<th>标题2</th>
</tr>
<tr>
<td>内容1</td>
<td>内容2</td>
</tr>
</table>
2、外部样式表
外部样式表是通过在HTML文件中引入一个CSS文件来实现的，我们需要创建一个CSS文件，例如styles.css,然后在HTML文件中引入这个CSS文件：
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<table class="red-background">
<tr>
<th>标题1</th>
<th>标题2</th>
</tr>
<tr>
<td>内容1</td>
<td>内容2</td>
</tr>
</table>
</body>
</html>
在styles.css文件中编写如下CSS代码：
.red-background {
background-color: red;
}
相关问题与解答
1、如何设置表格边框？
答：要设置表格边框，可以在CSS中使用border属性，要给表格添加1像素宽的黑色实线边框，可以这样写：
.red-background {
border: 1px solid black;
}
2、如何设置表格单元格的间距？
答：要设置表格单元格的间距，可以使用padding属性，要给表格单元格添加5像素的上下间距和左右间距，可以这样写：
.red-background tr td {
padding: 5px;
}
原创文章，作者：K-seo，如若转载，请注明出处：https://www.kdun.cn/ask/316362.html
微信扫一扫 