W3School TIY Editor
W3School 在线教程
改变方向
暗黑模式
运行代码
<!DOCTYPE html> <html> <head> <style> #p1 {background-color:#ff0000;} #p1a {background-color:#ff000080;} #p2 {background-color:#00ff00;} #p2a {background-color:#00ff0080;} #p3 {background-color:#0000ff;} #p3a {background-color:#0000ff80;} #p4 {background-color:#ffff00;} #p4a {background-color:#ffff0080;} #p5 {background-color:#ff00ff;} #p5a {background-color:#ff00ff80;} </style> </head> <body> <h1>带透明度的 HEX 颜色</h1> <p>用 #RRGGBB 指定十六进制颜色。如需增加透明度，请添加两个额外的数字（在 00 和 FF 之间）。</p> <p id="p1">红色</p> <p id="p1a">带透明度的红色</p> <p id="p2">绿色</p> <p id="p2a">带透明度的绿色</p> <p id="p3">蓝色</p> <p id="p3a">带透明度的蓝色</p> <p id="p4">黄色</p> <p id="p4a">带透明度的黄色</p> <p id="p5">樱桃色</p> <p id="p5a">带透明度的樱桃色</p> </body> </html>