CSS是一種用于設(shè)置和樣式化Web文檔的語言，使用CSS可以很方便地控制網(wǎng)站的外觀和風(fēng)格，而其中一個(gè)常見的需求就是在網(wǎng)頁的右上角添加圖標(biāo)。

/* 創(chuàng)建一個(gè)包含圖標(biāo)的容器 */
.icon-container {
position: fixed; /* 固定在屏幕上方 */
top: 20px; /* 距離頂部距離為20像素 */
right: 20px; /* 距離右側(cè)距離為20像素 */
}
/* 添加圖標(biāo) */
.icon-container i {
font-size: 24px; /* 圖標(biāo)大小 */
color: #fff; /* 圖標(biāo)顏色 */
padding: 8px; /* 圖標(biāo)內(nèi)邊距 */
background-color: #000; /* 圖標(biāo)背景顏色 */
border-radius: 50%; /* 圖標(biāo)圓角 */
}
/* 鼠標(biāo)懸浮效果 */
.icon-container i:hover {
background-color: #fff; /* 鼠標(biāo)懸浮時(shí)背景變?yōu)榘咨?*/
color: #000; /* 鼠標(biāo)懸浮時(shí)字體顏色變?yōu)楹谏?*/
cursor: pointer; /* 鼠標(biāo)變?yōu)槭种感螤?*/
}

上面的代碼中我們創(chuàng)建了一個(gè)名為.icon-container的容器，通過設(shè)置其固定定位實(shí)現(xiàn)了它的位置固定在瀏覽器窗口的右上角。接下來，我們添加了圖標(biāo)，并設(shè)置了背景顏色、字體大小、內(nèi)邊距、顏色和圓角屬性，最后使用:hover偽類設(shè)置了鼠標(biāo)懸浮時(shí)的效果。