html怎么设置背景色

百变鹏仔 3个月前 (09-22) #HTML

文章标签背景色

html设置背景色的方法：1、使用bgcolor属性，语法“”；2、使用background-color属性，语法“”。

本教程操作环境：windows7系统、HTML5版、Dell G3电脑。

方法1：使用bgcolor属性

bgcolor 属性规定文档的背景颜色。语法如下：

<body bgcolor="颜色值">

示例：

立即学习“前端免费学习笔记（深入）”；

<!DOCTYPE html><html><head>	<meta charset="utf-8"></head><body bgcolor="palevioletred">	文档背景颜色为palevioletred紫罗兰色。</body></html>

效果图：

方法2：使用background-color属性

background-color 属性设置元素的背景颜色。

background-color 属性为元素设置一种纯色。这种颜色会填充元素的内容、内边距和边框区域，扩展到元素边框的外边界（但不包括外边距）。如果边框有透明部分（如虚线边框），会透过这些透明部分显示出背景色。

示例：

<!DOCTYPE html><html><head>	<meta charset="utf-8"></head><body style="background-color: plum;">	文档背景颜色为plum梅子色。</body></html>

效果图：

推荐教程：《html视频教程》

文章推荐