在學習CSS時，我們會遇到線性漸變這一概念，它可以讓我們的網頁更加精美，但是有一些同學在使用線性漸變時，發現它沒有生效，下面我們來分析一下。

.box {
background: linear-gradient(red, yellow);
}

首先，我們來看一下上面的代碼。.box是一個樣式類，我們為它設置了一個漸變背景，顏色從紅色到黃色逐漸過渡。但是在實際運行時，我們發現網頁的背景色并沒有發生變化。

那么，問題出在哪里呢？

其實，問題很簡單，就是我們沒有設置元素的高度和寬度。因為背景色只是在元素的背景上顯示，如果沒有設置元素的高度和寬度，那么就不會有背景。

.box {
width: 100px;
height: 100px;
background: linear-gradient(red, yellow);
}

我們可以給.box設置一個寬度和高度，這樣就能看到漸變背景了。這是因為我們給元素設置了寬高，所以背景可以在這個元素中展現。

綜上所述，如果你在使用CSS的線性漸變時沒有效果，那么請檢查一下你的元素是否設置了寬度和高度。