CSS3漸變壁紙全屏

現在的網站布局越來越注重視覺上的美感效果，選用一張好的壁紙圖是一個比較重要的環節。咱們現在就來通過CSS3的一個非常好用的屬性：background-image 實現全屏漸變壁紙。

首先，在CSS文件中聲明以下代碼：

body{
background-image: linear-gradient(to bottom right, #f44336, #2196f3);
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
}

background-image：設置漸變壁紙的方法，采用 linear-gradient 線性漸變的方式設置顏色；

to bottom right：設置漸變的方向，表示從左上角到右下角的方向漸變；

#f44336，#2196f3：漸變開始和結束的顏色；

background-repeat：設置背景圖片是否重復，no-repeat表示不重復；

background-attachment：表示背景圖片是否固定或者滾動，fixed表示固定；

background-size：控制背景圖片的尺寸，cover表示圖片鋪滿整個屏幕。

通過以上的設置，背景壁紙就能漸變出我們想要的效果，讓整個網站的視覺效果更加優美。