Rumah > Artikel > hujung hadapan web > HTML中新建表格怎么加背景
HTML中新建表格怎么加背景
- 醉折花枝作酒筹asal
- 2021-06-07 11:33:005934semak imbas
在html中，可以使用background属性设置新建表格中的背景，只需要给表格元素设置“background:属性值”即可。background属性在一个声明中设置所有的背景属性，可以设置对象为纯色的背景颜色，也可以设置图片为背景。
本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。
表格的颜色设置非常简单，和文字的颜色设置完全一样。
CSS通过background属性设置表格的背景；通过color属性设置表格中文字的颜色。
示例：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
<style>
body {
background-color: #ebf5ff;
margin: 0px;
padding: 4px;
text-align: center;
}
table {
background: pink;
color: white;
}
</style>
</head>
<body>
<table border="1">
<tr>
<th>NAME</th>
<th>AGE</th>
<th>NUMBER</th>
</tr>
<tr>
<td rowspan="2">xm</td>
<td>10</td>
<td>2020</td>
</tr>
<tr>
<td>3</td>
<td>2021</td>
</tr>
<tr>
<td>xf</td>
<td>4</td>
<td>2010</td>
</tr>
</table>
</body>
</html>效果：
![L]5A%P2Q_1IDINVGK(F{5J6.png](https://img.php.cn/upload/image/438/415/968/1623036225942589.png "1623036225942589.png")
推荐学习：html视频教程
Atas ialah kandungan terperinci HTML中新建表格怎么加背景. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：html5中table的意思是什么Artikel seterusnya：html如何实现播放和暂停