在設計網站時，CSS不僅可以設置字體顏色和大小等樣式，還可以利用CSS模板素材圖片來美化網頁。這些模板素材圖片可以使網站看起來更加專業，也可以減少設計時間和成本。

CSS模板素材圖片通常包含了按鈕、圖標、背景圖和邊框等元素。大多數模板都可以免費下載使用，并且可以通過修改CSS代碼來滿足自己的需求。此外，也有許多網站提供了各種類型的CSS模板素材圖片，包括響應式設計和移動設備優化等。

/* 例子：使用CSS模板素材圖片美化按鈕樣式 */
/* 普通按鈕 */
.button {
background-color: #D3D3D3;
border: none;
color: #000000;
padding: 15px 32px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
margin: 4px 2px;
cursor: pointer;
}
/* 美化后的按鈕 */
.button {
background-image: url('button-bg.png');
border: none;
color: #FFFFFF;
padding: 10px 20px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
margin: 4px 2px;
cursor: pointer;
}

通過使用CSS模板素材圖片，可以輕松創建一個專業且獨特的網頁設計，也可以使網站更加吸引人和易于使用。