CSS是前端開發中非常重要的一項技術，它的作用不僅限于頁面美觀，還可以實現各種想象得到的效果，比如畫長方形。

.rectangle{
width: 200px;
height: 100px;
background-color: skyblue;
}

上面的代碼就是用CSS來畫一個長為200px，寬為100px，背景顏色為天藍色的長方形。

其中，width和height屬性分別指定長方形的寬和高，background-color屬性指定長方形的背景顏色。

通過修改這些屬性的值，我們可以隨意調整長方形的大小和顏色。

使用CSS畫長方形還可以添加邊框，如下例：

.rectangle{
width: 200px;
height: 100px;
background-color: skyblue;
border: 2px solid black;
}

上面的代碼在長方形周圍添加了黑色邊框，邊框寬度為2px。

CSS不僅可以畫長方形，還可以繪制其他形狀，如圓形、三角形等，只需要將樣式屬性設置得當即可。

總之，CSS的功能非常強大，學好它可以讓你的網頁更加美觀、生動，讓用戶體驗更加舒適。