CSS 樣式可以添加圖片作為背景圖案或者是用來裝飾網頁上的元素，具體應用就要看開發者的創意想象力了。

/* 作為背景圖案 */
body {
background-image: url("bg.jpg");
background-repeat: no-repeat;
background-size: cover;
}
/* 鼠標懸停時顯示不同的圖片 */
img:hover {
content:url("hover.png");
}
/* 在元素前面添加小圖標 */
span::before {
content: url("icon.png");
}

這里列出了三種常用的應用 CSS 樣式的例子。首先是作為網頁的背景圖片，這種用法比較廣泛，可以為網頁增加不同的視覺效果。其次是通過鼠標懸停時顯示不同的圖片，這種交互效果可以為用戶帶來一定的驚喜。最后是在網頁元素前面添加小圖標的例子，這種用法可以增強元素的可讀性，使網頁更加直觀。