CSS透明度是我們網頁設計中的一個非常重要的因素，透明度的變化會使我們的網頁更加生動、有活力、更具有吸引力。

opacity: .1;    /* 最淺的透明度 */
opacity: .2;
opacity: .3;
opacity: .4;
opacity: .5;
opacity: .6;
opacity: .7;
opacity: .8;
opacity: .9;
opacity: 1; /* 完全不透明 */

上述代碼展示了CSS的透明度設置范圍，從最淺的0.1開始，到完全不透明的1.0。我們可以根據我們自己的需求來進行選擇。

如果我們想要制作一個漸變透明度的背景色，我們可以使用下面這段代碼：

background: rgba(0, 0, 0, 0); /* 最淺的透明度為0，即透明 */
background: rgba(0, 0, 0, .1);
background: rgba(0, 0, 0, .2);
background: rgba(0, 0, 0, .3);
background: rgba(0, 0, 0, .4);
background: rgba(0, 0, 0, .5);
background: rgba(0, 0, 0, .6);
background: rgba(0, 0, 0, .7);
background: rgba(0, 0, 0, .8);
background: rgba(0, 0, 0, .9);
background: rgba(0, 0, 0, 1); /* 完全不透明 */

這里，我們使用了rgba來定義背景色，其中r、g、b表示紅、綠、藍三種顏色，最后一個參數a表示透明度。我們可以根據顏色的變化，來制作出一個非常漂亮的漸變背景色。

總之，CSS的透明度設置非常簡單方便，可以輕松地讓我們的網頁更加吸引人。我們可以結合其他CSS屬性，來制作出許多漂亮的效果。