CSS中opacity屬性怎么用

這篇文章主要介紹了CSS中opacity屬性怎么用，具有一定借鑒價值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

創(chuàng)新互聯(lián)專注為客戶提供全方位的互聯(lián)網(wǎng)綜合服務，包含不限于網(wǎng)站設計、成都網(wǎng)站建設、南譙網(wǎng)絡推廣、微信小程序開發(fā)、南譙網(wǎng)絡營銷、南譙企業(yè)策劃、南譙品牌公關、搜索引擎seo、人物專訪、企業(yè)宣傳片、企業(yè)代運營等，從售前售中售后，我們都將竭誠為您服務，您的肯定，是我們最大的嘉獎；創(chuàng)新互聯(lián)為所有大學生創(chuàng)業(yè)者提供南譙建站搭建服務，24小時服務熱線：18982081108，官方網(wǎng)址：www.cdcxhl.com

opacity屬性的使用方法

描述如下

opacity:值;

在值部分中，可以使用0.0到1.0的數(shù)值指定不透明度。數(shù)字越大，不透明度越高，顯示的越清晰。相反，數(shù)字越小，不透明度越低，顯示的越模糊。此外，如果為值輸入inherit，則繼承父元素的值。

即使將其設置在0.0到1.0的范圍之外，也可以在此范圍內(nèi)應用（例如：-1→0/2→1）將不透明度設置為0使其完全透明，并從屏幕上消失。

當不透明度設置為1時，它變得完全不透明。（初始值）

接下來讓我們來看opacity屬性的具體示例

當值是小數(shù)點時

代碼如下

HTML代碼

當值是小數(shù)的情況下

CSS代碼