CSS漸變是一種常見的繪制方格的方式。在這種方法中，您可以使用“linear-gradient”函數以線性方式繪制您所需的漸變效果。以下是一個簡單的示例：

.grid {
width: 300px;
height: 300px;
background-image: linear-gradient( 90deg, #333333 50%, transparent 50%, transparent ),
linear-gradient(90deg, #333333 50%, transparent 50%, transparent),
linear-gradient( 0deg, #333333 50%, transparent 50%, transparent ),
linear-gradient(0deg, #333333 50%, transparent 50%, transparent);
background-size: 60px 60px;
background-position: 0 0, 30px 30px, 30px 0, 0 30px;
}

在這個代碼段中，我們定義了名為“grid”的元素，并為其定義了“width”和“height”屬性。接下來，我們使用“background-image”屬性為元素定義了四個不同的線性漸變，開始位置和結束位置分別以度數為單位指定。我們使用“background-size”和“background-position”屬性對這些漸變進行了調整，以便正確繪制方格。

此時，“grid”元素就會以您所定義的方式漸變繪制出一個方格。您可以根據需要自定義這段代碼，例如更改顏色、對角線方向等等，以實現新的漸變方格效果。