<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>透明度</title> <style> .c1{ height: 100px; width: 100px; background-color: brown; color: darkorange; opacity: 0.5; } .c2 { height: 150px; width: 150px; background-color: blueviolet; color: rgba(0,123, 211, 0.6); } </style> </head> <body> <div class="c1">Hello World1</div> <div class="c2">Hello World!</div> </body> </html>
opacity
值 0~1
及改变背景也改变标签里的内容
rbga()
只改变背景