html中怎么设置字体透明度

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视频教程》

更多关于云服务器域名注册虚拟主机的问题,请访问西部数码官网:www.west.cn

赞(0)
声明:本网站发布的内容(图片、视频和文字)以原创、转载和分享网络内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-62778877-8306;邮箱:fanjiao@west.cn。本站原创内容未经允许不得转载,或转载时需注明出处:西部数码知识库 » html中怎么设置字体透明度

登录

找回密码

注册