CSS中的色塊是用來給網頁添加顏色元素的。使用CSS的樣式表來控制網頁的外觀可以讓網站更具有視覺吸引力。

background-color: #00FF00;
color: white;
padding: 20px;

上面的代碼演示了如何在CSS中添加一個綠色的背景和白色的文本。padding屬性則控制了色塊的內邊距，使得內容不會貼到邊緣上。

為了讓色塊更具有吸引力，可以使用漸變顏色：

background: linear-gradient(to bottom, #33ccff 0%, #3333cc 100%);

此代碼可以在上部使用亮藍色、在下部使用深藍色的漸變梯度。這樣的色塊可以更加有趣和視覺吸引力。

還可以通過圓角屬性來添加一些圓角：

background-color: #FF0000;
border-radius: 10px;

這將創建一個具有圓角的紅色背景色塊。這為網頁添加了一些柔和和美感。

最后，如果想讓色塊的大小比較隨意，可以使用vw和vh屬性：

height: 50vh;
width: 75vw;
background-color: #FFFF00;

此代碼創建一個高度為屏幕高度50％、寬度為屏幕寬度75％的黃色色塊。

通過這些簡單的方法，顏色塊可以增加頁面的可視性和吸引力。