CSS線性漸變是一種非常方便的CSS屬性，它可以使你的網(wǎng)頁更加美觀。本文將介紹如何使用CSS線性漸變畫方格。以下是CSS代碼：

.grid {
background-image: linear-gradient(to bottom right, #ffffff, #dddddd);
height: 300px;
width: 300px;
display: flex;
flex-wrap: wrap;
}
.box {
height: 50px;
width: 50px;
border: 1px solid #444444;
}

代碼解釋：

首先，我們需要創(chuàng)建一個類名為.grid的div，用來包裹所有的方格。

我們需要設(shè)置背景圖片為線性漸變。這里的to bottom right表示方向，表示從左上角漸變到右下角。#ffffff表示開始的顏色，白色；#dddddd表示結(jié)束的顏色，淺灰色。

然后，我們還需要設(shè)置div的高和寬，這里設(shè)定為300px。

接下來，我們使用CSS的彈性布局flex，將div下的.box元素按行排列。我們需要設(shè)置flex-wrap: wrap，這樣子元素就會超出容器自動換行了。

最后，我們要為.box元素設(shè)置一個樣式，使其成為方格。這里我們設(shè)置高度和寬度為50px，以及邊框為1px實線，顏色為#444444。

我們來看一下頁面效果：

我們成功地畫出了一個9個方格的方格圖案。CSS線性漸變?yōu)槲覀兊木W(wǎng)頁增色不少。希望大家能夠喜歡本文。