CSS是我們前端開發必不可少的一部分，它負責網頁布局和樣式設計。今天我們來學習一下如何在CSS中加入ico。

<link rel="icon" type="image/ico" href="favicon.ico">

要在CSS中加入ico圖標，首先需要在HTML文件中加入這段代碼，它表示在當前頁面中，瀏覽器需要顯示的圖標文件是一個名為“favicon.ico”的ico文件。這個ico文件應該放在與HTML文件同級的目錄下，如果沒有這個文件，瀏覽器會自動使用一個默認圖標。

當HTML文件中引入了ico文件后，我們就可以在CSS中使用它了。比如，我們可以在樣式文件中設置背景圖像為ico文件：

body {
background-image: url('favicon.ico');
}

這樣，頁面背景就會顯示為ico圖標。

另外，還可以在CSS中制作圖片、圖標等的精細效果。我們可以使用CSS中的偽元素:before和:after來實現，例如：

.icon {
width: 20px;
height: 20px;
display: inline-block;
background-image: url('favicon.ico');
background-size: cover;
position: relative;
top: 5px;
}
.icon:before {
content: '';
display: block;
height: 100%;
width: 100%;
opacity: 0.5;
background-color: #000;
position: absolute;
top: 0;
left: 0;
z-index: -1;
}

這段代碼中，我們首先定義一個具有寬度、高度、背景圖片等基本元素的類名為“icon”的樣式。隨后，通過偽元素:before來實現黑色的遮罩，多次使用可以制作更加復雜的效果。

總的來說，在CSS中使用ico，能夠使得我們的樣式和視覺效果更加豐富和個性化，是一個值得學習的技巧。