CSS是網站設計的重要一環，通過它可以對網頁布局和樣式進行全面控制。本篇文章將著重討論如何更改色塊大小。

.color-block {
width: 100px;
height: 100px;
background-color: red;
}

上述代碼中，我們定義了一個色塊的樣式，通過設置width和height屬性來決定它的大小。這里我們以100px為例，你也可以根據需要設置不同的大小。

.color-block {
width: 50%;
height: 200px;
background-color: blue;
}

如果你對色塊的寬度沒有具體的要求，也可以設置百分比，它會根據所在父元素的尺寸自適應。上述代碼中，色塊的寬度為父元素寬度的50%，高度是200px，背景顏色為藍色。

.color-block {
width: 150px;
height: 50px;
background-color: yellow;
border-radius: 10px;
}

如果你想讓色塊看起來更圓潤一些，可以使用border-radius屬性來設置圓角半徑。上述代碼中，色塊的寬度為150px，高度是50px，背景顏色為黃色，同時設置了邊框半徑為10px。

在實際應用中，你可以根據具體需求來靈活設置色塊的大小和樣式，達到良好的視覺效果。希望本文能對你有所幫助。