CSS3之opacity屬性的簡單使用
阿新 • • 發佈:2018-11-14
什麼是opacity?
opacity 屬性設定元素的不透明級別。
怎麼使用?
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title> CSS3之opacity屬性的簡單使用</title> <style> div { width: 100px; height: 100px; background-color: red; margin: 0 auto; /* opacity 屬性設定元素的不透明級別。 本元素的不透明度是 0.5。請注意,文字和背景色都受到不透明級別的影響。 取值範圍:從 0.0 (完全透明)到 1.0(完全不透明)。 詳細見:http://www.w3school.com.cn/cssref/pr_opacity.asp */ opacity: 0.5; } </style> </head> <body> <div> opacity屬性的簡單使用 </div> </body> </html>
效果圖: