CSS是網頁設計中不可或缺的一部分，它能夠實現許多看起來簡單但卻極其重要的功能，比如點贊和關注。以下將介紹如何使用CSS實現這兩個功能。

點贊：

<i class="fa fa-thumbs-up"></i>
.fa {
font-size: 24px;
cursor: pointer;
transition: 0.3s;
}
.fa:hover {
color: #ff8800;
}

點贊的實現主要是通過字體圖標庫（例如FontAwesome）中的圖標來實現的。我們可以使用HTML的<i>標簽添加一個點贊圖標，并使用CSS設置其樣式。具體來說，我們可以將字體的大小設置為24px、為圖標添加一個指針的鼠標樣式，以及設置一個過渡效果，以在用戶將鼠標懸停在圖標上時（如:hover）更改其顏色（例如#ff8800）。

關注：

<button class="follow-btn">Follow</button>
.follow-btn {
background-color: #fff;
border: 2px solid #ff8800;
color: #ff8800;
font-weight: bold;
padding: 8px 16px;
border-radius: 16px;
transition: 0.3s;
}
.follow-btn:hover {
background-color: #ff8800;
color: #fff;
}

關注的實現就略微復雜一點，需要使用HTML的<button>標簽。然后，我們可以通過CSS來設置它的各個屬性，例如背景顏色、邊框、文字顏色、字體粗細、內外邊距和圓角等，以及一個過渡效果。當用戶將鼠標懸停在按鈕上時，我們可以更改它的背景和文字顏色。通過這些設置，我們就可以讓按鈕看起來更加美觀和可點擊。

總之，使用CSS實現點贊和關注的效果可以讓我們的網站變得更加互動和有趣。通過使用一些簡單的代碼和技巧，我們可以為用戶提供更好的體驗。