1. 您的位置 首頁 技術

        css如何讓字改變透明度

        css讓字改變透明度的方法:1、使用opacity屬性,給文字元素添加“opacity:透明度值;”樣式即可;2、使用rgba()函數,給文字元素添加“color:rgba(red…

        css讓字改變透明度的方法:1、使用opacity屬性,給文字元素添加“opacity:透明度值;”樣式即可;2、使用rgba()函數,給文字元素添加“color:rgba(red, green, blue, 透明度值);”樣式即可。

        本教程操作環境:windows7系統、CSS3&&HTML5版、Dell G3電腦。

        css讓字改變透明度

        方法1、使用opacity屬性

        <!DOCTYPE html><html><head><meta charset="utf-8"></head><body><div style="opacity:1;">測試文字</div><div style="opacity:0.5;">測試文字</div><div style="opacity:0.2;">測試文字</div></body></html>

        1.png

        Opacity屬性設置一個元素了透明度級別。

        語法:

        opacity: value;

        value:指定不透明度。從0.0(完全透明)到1.0(完全不透明)。

        方法2:使用rgba()函數

        <!DOCTYPE html><html><head><meta charset="utf-8"></head><body><div style="color: rgba(255,0,0,1)">測試文字</div><div style="color: rgba(255,0,0,0.5)">測試文字</div><div style="color: rgba(255,0,0,0.2)">測試文字</div></body></html>

        效果圖:

        2.png

        rgba() 函數使用紅(R)、綠(G)、藍(B)、透明度(A)的疊加來生成各式各樣的顏色。

        語法:

        rgba(red, green, blue, alpha)

        屬性值:

        描述
        red 定義紅色值,取值范圍為 0 ~ 255,也可以使用百分比 0% ~ 100%。
        green 定義綠色值,取值范圍為 0 ~ 255,也可以使用百分比 0% ~ 100%。
        blue 定義藍色值,取值范圍為 0 ~ 255,也可以使用百分比 0% ~ 100%。
        alpha – 透明度 定義透明度 0(完全透明) ~ 1(完全不透明)

        (學習視頻分享:css視頻教程)

        以上就是css如何讓字改變透明度的詳細內容,更多請關注24課堂在線網其它相關文章!

        本文來自網絡,不代表24小時課堂在線立場,轉載請注明出處:http://www.rw-tm.com/96257.html

        為您推薦

        返回頂部
        欧美人牲交免费观看