HTML教程-HTML`bgcolor`属性
![](https://wx.javatiku.cn/j/j301-t.jpg)
<bgcolor>
是用于设置 HTML 元素的背景颜色的属性。该属性可与以下标签一起使用:
<body>
<table>
<marquee>
<td>
<th>
<tr>
语法
<tag bgcolor="颜色名称|RGB 数值|十六进制数值">
示例: 下面的示例演示了如何在不同的标签中使用 <bgcolor>
属性。
示例 1: 在 <body>
标签中使用 <bgcolor>
属性
<!DOCTYPE html>
<html>
<head>
<title>背景颜色属性示例</title>
</head>
<body bgcolor="lightblue">
<!-- bgcolor 属性与 body 标签一起使用,将网页的背景设置为 lightblue -->
<center>
<h1>javaTpoint</h1>
<br><br>
<h2>Hyper Text Markup Language</h2>
</center>
</body>
</html>
示例 2: 在 <tr>
标签中使用 <bgcolor>
属性
<!DOCTYPE html>
<html>
<head>
<title>背景颜色属性示例</title>
</head>
<body bgcolor="red">
<!-- bgcolor 属性与 body 标签一起使用,将网页的背景设置为 red -->
<center>
<h1>javaTpoint</h1>
<br><br>
<table>
<!-- bgcolor 属性与 tr 标签一起使用,为表格行设置不同的背景颜色 -->
<tr bgcolor="blue">
<td>Roll No.</td>
<td>Name</td>
</tr>
<tr bgcolor="lightblue">
<td>101</td>
<td>Abhay</td>
</tr>
<tr bgcolor="brown">
<td>102</td>
<td>Chetan</td>
</tr>
<tr bgcolor="orange">
<td>103</td>
<td>Manpreet</td>
</tr>
<tr bgcolor="yellow">
<td>104</td>
<td>Rakesh</td>
</tr>
<tr bgcolor="lightgreen">
<td>105</td>
<td>Sumit</td>
</tr>
</table>
</center>
</body>
</html>
示例 3: 在 <marquee>
标签中使用 <bgcolor>
属性
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>背景颜色属性示例</title>
</head>
<body bgcolor="lightgreen">
<!-- bgcolor 属性与 body 标签一起使用,将网页的背景设置为 lightgreen -->
<h1><font color="blue"><marquee bgcolor="orange">
<!-- bgcolor 属性与 marquee 标签一起使用,将跑马灯的背景设置为 orange -->
javaTpoint
</marquee></font></h1>
</body>
</html>
浏览器支持情况
元素 | ![]() | ![]() | ![]() | ![]() | ![]() |
---|---|---|---|---|---|
<bgcolor> | 是 | 是 | 是 | 是 | 是 |