網頁圖標在CSS中扮演著重要的角色。它們可以使網站看起來更美觀，為頁面提供可識別的標識，增加用戶體驗。在CSS中，我們可以使用“font-awesome”等外部庫來加入網頁圖標，也可以自己設計和定義圖標。以下是一些常見的關于網頁圖標的CSS代碼：

.icon {
width: 32px;
height: 32px;
background-size: 100% 100%;
display: inline-block;
}
.icon-facebook {
background-image: url('facebook-icon.png');
}
.icon-twitter {
background-image: url('twitter-icon.png');
}
.icon-envelope {
background-image: url('envelope-icon.png');
}

上述代碼定義了一個基本的圖標樣式 - 它是32像素的正方形，使用100%的背景尺寸，使圖標完全填充整個背景。此外，每個圖標都有一個單獨的CSS類，用于定義其背景圖片。這種方法雖然會導致頁面加載速度變慢，但是每個圖標都有自己的樣式，更有利于網站的定制化和設計。

如果你想從外部庫中獲取圖標，可以使用像font-awesome這樣的資源庫。這些庫提供了一些常見的icon的CSS類，你可以將類添加到HTML元素中，以添加圖標。例如：

這段代碼會在頁面中添加一個信封圖標，因為它使用了“fa-envelope” CSS類。你可以在font-awesome中得到這些CSS類，或者使用自己喜歡的圖標庫。

無論你是使用自己的樣式還是外部庫，網頁圖標是網站的重要組成部分。它們可以使網站看起來更現代，更有個性化，并且為用戶提供更好的體驗。使用CSS標記和圖標很容易，并且可以通過許多方法創建它們。