html中怎么设置字体透明度
html中設(shè)置字體透明度的方法：1、利用color屬性和rgba()函數(shù)，語法為“字體元素{color: rgba(紅色值, 綠色值, 藍色值, 透明度值);}”；2、利用opacity屬性，語法“字體元素{opacity:透明度值;}”。
本教程操作環(huán)境：windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。
html中設(shè)置字體透明度的方法：
1、利用color屬性和rgba()函數(shù)
<!DOCTYPE html><html><head><meta charset="UTF-8"><style>.p1{color: rgba(0, 0, 0, 1);}.p2{color: rgba(0, 0, 0, 0.6);}.p3{color: rgba(0, 0, 0, 0.4);}.p4{color: rgba(0, 0, 0, 0.2);}</style></head><body bgcolor="#AFEEEE"><p class="p1">測試文本</p><p class="p2">測試文本</p><p class="p3">測試文本</p><p class="p4">測試文本</p></body></html>
2、利用opacity屬性
<!DOCTYPE html><html><head><meta charset="UTF-8"><style>.p1{opacity:1;}.p2{opacity: 0.6;}.p3{opacity:0.4;}.p4{opacity:0.2;}</style></head><body bgcolor="#00aa7f"><p class="p1">測試文本</p><p class="p2">測試文本</p><p class="p3">測試文本</p><p class="p4">測試文本</p></body></html>
相關(guān)推薦：《html視頻教程》
總結(jié)
以上是生活随笔為你收集整理的html中怎么设置字体透明度的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 大数据打造你的变美频道——数加平台上小红
- 下一篇： html的盒子模型有几种