CSS（層疊樣式表）是一種用來描述網(wǎng)頁內(nèi)容與樣式的技術(shù)，它給我們的網(wǎng)頁帶來了豐富的內(nèi)容展示與交互效果。其中，CSS在制作網(wǎng)站時還可以用來制作查看小圖標(biāo)，本文將為大家簡單介紹一下CSS制作查看小圖標(biāo)的方法。

首先，我們需要先新建一個HTML文件，然后在文件中使用pre標(biāo)簽來插入我們的CSS代碼。CSS制作查看小圖標(biāo)的核心技術(shù)就是偽元素和字體圖標(biāo)，我們可以使用:before和:after來操作偽元素，并且使用字體圖標(biāo)來做為小圖標(biāo)的視覺展示。

.view-icon {
display: inline-block;
position: relative;
width: 20px;
height: 20px;
margin: 0 5px;
}
.view-icon:before {
content: "\f06e";
font-family: "Font Awesome 5 Free";
font-size: 18px;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
text-align: center;
line-height: 20px;
}

如上述代碼所示，我們首先通過給元素設(shè)置position:relative屬性，并將其寬高設(shè)置為20px來讓小圖標(biāo)可以顯示在文本中。然后，我們使用:before偽元素，將字體圖標(biāo)“\f06e”插入到.small-icon:before樣式中，并將字體大小設(shè)置為18px，接著使用position:absolute相對于父元素進(jìn)行定位，將其移動到小圖標(biāo)的相對位置，設(shè)定完畢后，便可成功在文本中顯示我們的查看小圖標(biāo)了。

綜上所述，CSS制作查看小圖標(biāo)是一個很有用的技術(shù)，它可以讓我們的網(wǎng)頁更加豐富多彩，同時也能提升頁面的交互效果，希望大家在使用CSS制作查看小圖標(biāo)時能夠根據(jù)自己的需求進(jìn)行創(chuàng)意搭配，并取得更好的效果。