CSS是網頁設計中不可缺少的技術之一，通過CSS可以美化網頁，更好地展示信息。今天我們要介紹的是如何通過CSS畫圖。 首先，我們需要了解CSS中畫圖的兩個基本屬性：border和background。border屬性可以設置邊框的形狀和大小，而background屬性可以設置背景顏色和背景圖片。 下面這段代碼展示了如何用border屬性畫一個正方形：

p{
border: 1px solid black;
height: 100px;
width: 100px;
}

以上代碼給p標簽添加了1像素的黑色實線邊框，并設置了高度和寬度為100像素。這樣就畫出了一個100像素邊長的正方形。 如果要畫出一個圓形，我們可以使用border-radius屬性：

p{
border: 1px solid black;
height: 100px;
width: 100px;
border-radius: 50%;
}

以上代碼設置了border-radius為50%，這樣邊框就呈現出了圓形。當然，設置的高度和寬度也要相等，否則就會呈現為橢圓形。 除了用border屬性畫圖外，還可以使用background屬性。下面這段代碼展示了如何用background屬性畫一個紅色矩形：

p{
height: 100px;
width: 150px;
background: red;
}

以上代碼設置了背景為紅色，高度為100像素，寬度為150像素，這樣就畫出了一個紅色矩形。 當然，我們還可以用background屬性來畫漸變圖形。下面這段代碼展示了如何使用background屬性畫一個從左上角到右下角的漸變矩形：

p{
height: 100px;
width: 150px;
background: linear-gradient(to bottom right, red, yellow);
}

以上代碼設置了背景為線性漸變，漸變方向為從左上角到右下角，開始顏色為紅色，結束顏色為黃色，這樣就畫出了一個從紅色到黃色的漸變矩形。 以上就是CSS畫圖的介紹，我們可以通過border屬性和background屬性來畫出各種各樣的圖形，更好地展示網頁信息。