如何使用css設定文字透明背景不透明
- 青灯夜游原創
- 2021-03-31 14:47:002697瀏覽
在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設定文字透明背景不透明的詳細內容。更多資訊請關注PHP中文網其他相關文章！
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn