<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>

浏览器支持情况

元素chrome browser Chromeie browser IEfirefox browser Firefoxopera browser Operasafari browser Safari
<bgcolor>

标签: html, HTML教程, HTML技术, HTML学习, HTML学习教程, HTML下载, HTML语言, HTML开发, HTML入门教程, HTML进阶教程, HTML面试题, HTML笔试题, HTML编程思想