1. 程式人生 > >CSS3之opacity屬性的簡單使用

CSS3之opacity屬性的簡單使用

什麼是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>

 

效果圖: