CSS3是Web開發中非常重要的一個技術，它帶來了許多新功能，其中之一就是漸變屬性。漸變屬性可以讓我們輕松地在網頁上實現圖形漸變效果，使用它能夠讓我們的網頁看起來更加美觀。

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

為了使用漸變屬性畫一個正方形，首先需要創建一個具有相應樣式的class。在上面的代碼中，我們創建了一個名為.square的class，并為其添加漸變屬性。這里我們使用了linear-gradient屬性來實現線性漸變，將紅色漸變為藍色。

接著，我們指定了正方形的寬度和高度，都為100px。這樣我們就創建了一個寬高相等的正方形。

最后，將這個class應用到HTML代碼中的一個元素中，如下所示：

<div class="square"></div>

這樣，我們就可以在網頁上看到一個漂亮的漸變正方形了。