html中怎么设置字体透明度

html中设置字体透明度的方法：1、利用color属性和rgba()函数，语法为“字体元素{color: rgba(红色值, 绿色值, 蓝色值, 透明度值);}”；2、利用opacity属性，语法“字体元素{opacity:透明度值;}”。
石门网站制作公司哪家好，找创新互联！从网页设计、网站建设、微信开发、APP开发、响应式网站等网站项目制作，到程序开发，运营维护。创新互联从2013年成立到现在10年的时间，我们拥有了丰富的建站经验和运维经验，来保证我们的工作的顺利进行。专注于网站建设就选创新互联。

本教程操作环境：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>