HTML 背景颜色

2025 年 3 月 25 日 | 阅读 2 分钟

<bgcolor> 是用于设置 HTML 元素背景颜色的属性。此属性可与以下标签一起使用

<body>
<table>
<marquee>
<td>
<th>
<tr>

语法

示例：以下示例在不同标签中使用 <bgcolor> 属性。

示例 1：在 <body> 标签中使用 <bgcolor> 属性

<!DOCTYPE html>  
<html>   
<head>  
<title>  
Example of Background color Attribute  
</title>  
</head>  
<body  bgcolor="lightblue"> 
<!-- The attribute bgcolor use with the body tag to set the background of web page as lightblue --> 
<center>  
<h1> javaTpoint</h1>    
<br> <br>
<center>
<h2> Hyper Text Markup Language </h2>  
</center>  
</body>  
</html>

输出

示例 2：在 <tr> 标签中使用 <bgcolor> 属性

<!DOCTYPE html>  
<html>   
<head>  
<title>  
    Example of Bgcolor Attribute  
</title>  
</head>  
<body  bgcolor="red"> 
<!-- The attribute bgcolor use with the 'body' tag to set the background of web page as red --> 
<center>  
<h1> javaTpoint</h1>    
<br>
<br>
<center>
<table>
<!-- The attribute bgcolor use with the 'tr' tag to set the background of table rows by different colors --> 
	<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>  
Example of Background color Attribute  
</title>  
</head>  
<body  bgcolor="lightgreen"> 
<!-- The attribute bgcolor use with the body tag to set the background of web page as lightgreen --> 
  
<h1> <font color="blue">
 <marquee bgcolor="orange"> 
 <!-- The attribute bgcolor use with the marquee tag to set the background of marquee as orange --> 
 javaTpoint
</marquee>  
</font>
</h1> 
</body>  
</html>

输出