html中设置字体透明度的方法 1. 利用color属性和rgba()函数，语法为“字体元素{color: rgba(红色值, 绿色值, 蓝色值, 透明度值);}”； 2. 利用opacity属性，语法“字体元素{opacity:透明度值;}”。
本教程操作环境windows7系统、css3&&html5版、dell g3电脑。
html中设置字体透明度的方法
1. 利用color属性和rgba()函数
<!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>相关推荐《html视频教程》