Rumah > Artikel > hujung hadapan web > 如何使用css设置文字透明背景不透明
如何使用css设置文字透明背景不透明
- 青灯夜游asal
- 2021-03-31 14:47:002664semak imbas
在css中，可以使用color属性配合rgba()函数来设置文字透明背景不透明效果，语法格式为“rgba(red, green, blue, alpha)”；其中，参数alpha用于设置透明度，值介于“0.0”和“1.0”之间。
本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。
css设置文字透明背景不透明
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style type="text/css">
div{
background: palevioletred;
width: 200px;
height: 200px;
}
.box {
color: rgba(255, 255, 255, 0.4)
}
</style>
</head>
<body>
<div>
<span>我是正常文字</span><br />
<span class="box">我是透明文字</span>
</div>
</body>
</html>效果图：
css RGBA
RGBA 的意思是（Red-Green-Blue-Alpha）它是在 RGB 上扩展包括了 “alpha” 通道，运行对颜色值设置透明度。
语法：
RGBA(R,G,B,A)
取值：
R：红色值。正整数 | 百分数
G：绿色值。正整数 | 百分数
B：蓝色值。正整数 | 百分数
A：Alpha透明度,取值0~1之间。
推荐教程：CSS视频教程
Atas ialah kandungan terperinci 如何使用css设置文字透明背景不透明. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：css中link和import的区别是什么Artikel seterusnya：什么是css选择器