CSS（層疊樣式表）可以讓網頁變得更加美觀和豐富。在設計網頁時，背景圖符號（background icons）是一個非常有用的工具。背景圖符號是一種可以在元素背景中插入小圖標或紋理的方法，這些符號可以用來添加視覺吸引力和增強頁面的布局。在這篇文章中，我們將介紹如何使用CSS背景圖符號實現創意的設計效果。

/* 一個基本的CSS背景圖符號 */
.icon {
background-image: url('icon.png');
background-repeat: no-repeat;
background-position: center;
}
/* 一個稍微復雜的背景圖符號，添加了背景顏色和圓角 */
.icon-rounded {
background-image: url('icon.png');
background-color: #ffffff;
background-repeat: no-repeat;
background-position: center;
border-radius: 50%;
padding: 20px;
}
/* 一個使用重復紋理的背景圖符號 */
.icon-pattern {
background-image: url('pattern.png');
background-repeat: repeat;
}
/* 一個使用多個背景圖符號的例子 */
.icon-multiple {
background-image: url('icon1.png'), url('icon2.png'), url('icon3.png');
background-repeat: no-repeat;
background-position: center;
}

在代碼中，我們使用了background-image屬性來添加背景圖符號。background-repeat屬性用于控制圖案的重復方式。background-position屬性用于設置背景圖符號的位置。我們也可以添加其他CSS屬性，如border-radius, padding等來改變圖標的形狀。

背景圖符號對于網頁設計師來說是一個非常有用的工具。通過添加一些創意的背景圖符號，我們可以增強網頁的視覺吸引力并豐富我們的設計風格。希望這篇文章能夠幫助初學者了解如何使用CSS背景圖符號。