CSS透明度是網(wǎng)頁(yè)設(shè)計(jì)中非常有用的一種技巧，可以幫助我們?cè)O(shè)計(jì)出更加美觀、優(yōu)雅的頁(yè)面。CSS透明度從0到1共有10個(gè)級(jí)別，下面我們就來(lái)一一介紹。

opacity: 0;

設(shè)置透明度為0，即完全透明，元素不可視。

opacity: 0.1;

當(dāng)透明度為0.1時(shí)，元素非常模糊，但仍然可以看到。

opacity: 0.2;

透明度為0.2時(shí)，元素更加清晰，但是依然看不清細(xì)節(jié)。

opacity: 0.3;

透明度為0.3時(shí)，元素變得更加清晰，但是細(xì)節(jié)仍然不夠明顯。

opacity: 0.4;

透明度為0.4時(shí)，元素的顏色和細(xì)節(jié)都顯得更加清晰。

opacity: 0.5;

透明度為0.5時(shí)，元素的透明度處于50%，還是比較明顯的。

opacity: 0.6;

透明度為0.6時(shí)，元素的透明度變得更加深了。

opacity: 0.7;

透明度為0.7時(shí)，元素的透明度非常深，但是仍然可以看到內(nèi)容。

opacity: 0.8;

透明度為0.8時(shí)，元素的透明度更深，但是內(nèi)容還是可見(jiàn)的。

opacity: 0.9;

透明度為0.9時(shí)，元素的透明度非常淺了，幾乎看不出來(lái)透明度的存在。

opacity: 1;

透明度為1時(shí)，元素完全不透明，顏色和細(xì)節(jié)非常明顯。