在網頁設計中，色塊是一種常見的UI元素。通過CSS樣式設置色塊樣式，可以讓網頁看起來更加美觀和有序。下面我們來學習一些CSS樣式設置色塊樣式的方法。

/* 設置背景色 */
background-color: #FFC107;
/* 設置邊框 */
border: 1px solid #008CBA;
/* 設置圓角 */
border-radius: 5px;
/* 設置陰影 */
box-shadow: 2px 2px 2px #888;
/* 設置漸變色 */
background: -webkit-linear-gradient(left, #FFC107, #F44336);
background: -o-linear-gradient(right, #FFC107, #F44336);
background: -moz-linear-gradient(right, #FFC107, #F44336);
background: linear-gradient(to right, #FFC107, #F44336);
/* 設置邊框圓角 */
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 0;

以上是幾種常見的CSS樣式設置色塊樣式的方法。通過這些方法，我們可以輕松地實現不同的色塊效果，使網頁設計更加出彩。