本文将详细讲解如何用CSS设置页面背景。 文章内容质量很高，分享给大家，作为参考。 希望您读完本文后有所收获。
CSS允许使用黑色作为背景，也允许使用背景图像来创建相当复杂的效果。
CSS 在这方面比 HTML 能力强得多。
背景颜色
可以使用background-color 属性为元素设置背景颜色。 该属性接受任何有效的颜色值。
此规则将元素的背景设置为红色：
p {background-color: gray;}
如果您希望背景颜色从元素中的文本延伸得更少，只需减少一些填充：
p {background-color: gray; padding: 20px;}
可以为所有元素设置背景颜色css设置背景，从正文到内联元素（例如 em 和 a）。
background-color不能被继承，默认值为透明。 透明的意思是“透明”。 也就是说，如果元素未指定背景颜色，则背景是透明的，以便其祖先的背景可见。
背景图
要将图像加载到背景中，您需要使用background-image 属性。 background-image 属性的默认值为none，这意味着背景上不放置任何图像。
如果需要设置背景图像，则必须为此属性设置 URL 值：
body {background-image: url(/i/eg_bg_04.gif);}
大多数背景应用于 body 元素，但不限于此。
以下示例将背景应用于段落，而不将背景应用于文档的其余部分：
p.flower {background-image: url(/i/eg_bg_03.gif);}
您甚至可以为内联元素设置背景图像，以下示例为链接设置背景图像：
a.radio {background-image: url(/i/eg_bg_07.gif);}
理论上，甚至可以将图像应用到替换元素（例如文本区域和选择）的背景，尽管并非所有用户代理都能很好地处理这些情况。
另外需要补充的是，background-image不能被继承。 事实上css设置背景，没有任何背景属性是继承的。
如果您遇到电信诈骗css 设置背景，且您的钱款已经被骗，请立即拨打110报案，我们将积极配合警方调查，挽回您的损失
文章目录
1. 背景半透明度设置 1. 语法说明
背景半透明设置可以使用rgba颜色值设置半透明背景；
在下面的CSS样式中，背景设置为白色，透明度为20%；
background: rgba(0, 0, 0, 0.2);
颜色透明度的alpha值范围在0到1之间，
使用时可以省略0.x前面的0，直接使用.x作为透明度值，如：
background: rgba(0, 0, 0, .2);
背景半透明是指将盒子的背景设置为半透明，这样可以看到下面的内容，并且盒子上显示的内容不受背景影响css 设置背景，照常显示；
2. 代码示例
设置第一个包的背景颜色：
background: rgba(0, 0, 0, .2);
设置第二个包的背景颜色：
background: rgb(0, 0, 0);
界面整体背景为白色。 在第一个半透明背景包中，可以看到后面的蓝色背景，在第二个不透明背景包中，黄色背景被完全覆盖；
代码示例：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>背景半透明设置</title>
<base target="_blank"/>
<style>
.alpha {
width: 300px;
height: 100px;
background: rgba(0, 0, 0, .2);
color:white;
text-align: center;
line-height: 100px;
}
.box {
width: 300px;
height: 100px;
background: rgb(0, 0, 0);
color:white;
text-align: center;
line-height: 100px;
}
body {
background-color: yellow;
}
</style>
</head>
<body>
<body>
<div class="alpha">
背景半透明设置
</div>
<div class="box">
背景半透明设置对照组
</div>
</body>
</html>
功效展示：
