概述
本教程操作环境：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视频教程
以上就是如何使用css设置文字透明背景不透明的详细内容，更多请关注靠谱客其它相关文章！
最后
以上就是美满紫菜为你收集整理的如何使用css设置文字透明背景不透明的全部内容，希望文章能够帮你解决如何使用css设置文字透明背景不透明所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
发表评论 取消回复