编程与开发

这个实例中，我们利用一个小图像来给主体当背景颜色，当页面加载的背景的时候会以重复的方式添加背景。

实例代码：

这个实例我们利用background-image属性为p元素添加背景图像。

实例代码

background-image属性设置图像背景，例如：background-image:url(img/paper.jpg);  后面注意要加图像路径。

实例代码：

使用 RGBA 的透明度

如果您不希望对子元素应用不透明度，例如上面的例子，请使用 RGBA 颜色值。注意：字体不会变透明。

实例代码：

opacity 属性指定元素的不透明度/透明度。取值范围为 0.0 - 1.0。值越低，越透明

实例代码：

在这里我们对p元素，h1元素，div元素设置背景颜色

实例代码：

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

实例代码：

HSLA 值

HSLA 颜色值是带有 Alpha 通道的 HSL 颜色值的扩展 - 它指定了颜色的不透明度。

HSLA 颜色值指定为：

亮度

颜色的明暗度可以描述为要赋予颜色多少光，其中 0％ 表示不亮（黑色），50％ 表示 50％ 亮（既不暗也不亮），100％ 表示全明（白）。

运行代码：

饱和度

饱和度可以描述为颜色的强度。

100％ 是纯色，没有灰色阴影

50％ 是 50％ 灰色，但是您仍然可以看到颜色。

0％ 是完全灰色，您无法再看到颜色。

实例代码：