CSS正方形漸變可以讓網頁設計變得更加美觀，使網頁的色彩更加豐富。下面我們來學習如何使用CSS正方形漸變。

.square {
width: 100px;
height: 100px;
background: linear-gradient(to bottom right, yellow, blue)
}

上面的CSS代碼實現了一個正方形的漸變色，從黃色到藍色，代碼中的to bottom right指定了漸變的方向。你還可以指定其他的方向。

.square {
width: 100px;
height: 100px;
background: linear-gradient(to right, red, orange, yellow, green, blue, indigo, violet)
}

上面的代碼實現了一個正方形的彩虹漸變，從紅色到紫羅蘭色。代碼中的to right指定了漸變的方向，你還可以使用to left、to top和to bottom來實現不同的漸變方向。

使用CSS正方形漸變可以為網頁帶來視覺上的效果，同時也可以豐富網頁的設計。