CSS 数据类型 - alpha-value

CSS <alpha-value> 数据类型确定颜色的透明度或 Alpha 通道。它可以是 <number >（介于 0 和 1 之间）或 <percentage>（介于 0% 和 100% 之间）。

可能的值

<number > − 它表示介于 0（完全透明）和 1 之间的十进制数。0 （完全不透明）。
<percentage> − 它表示介于 0%（完全透明）和 100%（完全不透明）之间的百分比。

语法


<alpha-value> = number | percentage;

CSS <alpha-value> - 文本颜色不透明度

以下示例演示了使用 rgba（） 函数（同时具有数字和百分比值）的不同标题元素，以检查文本颜色的不透明度。在以下示例中 -

rgba（255， 0， 0， 0.6） 表示具有 RGB 分量（255， 0， 0）的颜色，第四个值（0.6）表示 Alpha 通道或不透明度。
rgba（109， 101， 233， 70%） 表示具有 RGB 分量（109， 101， 233）和 70% 的 Alpha 通道的颜色，表示不透明度。

CSS <alpha-value> - shape-image-threshold 属性

以下示例演示了 shape-image-threshold 属性的用法，该属性设置 Alpha 通道阈值以确定图像的形状 -


<html>
<head>
<style>
	 	h3 {
	 	 	 color: rgba(255, 0, 0, 0.6);
	 	}
	 	h4 {
	 	 	 color: rgba(109 101 233 / 70%);
	 	}
</style>
</head>
<body>
	 	<h3>带有数值的文本颜色不透明度。</h3>
	 	<h4>文本颜色不透明度与百分比值。</h4>
</body>
</html>

打印本页