在網頁設計中，我們經常需要在網頁中添加下載鏈接，方便用戶下載相關文件。在CSS中，我們可以使用偽類選擇器 :after 來添加下載鏈接。 首先在CSS樣式表中添加以下代碼： ``` a[data-download] { position: relative; color: #333; } a[data-download]:after { content: "\f019"; font-family: FontAwesome; font-size: 16px; color: #333; position: absolute; top: 2px; left: 2px; } a[data-download]:hover { color: #cc0000; } a[data-download]:hover:after { color: #cc0000; } ``` 這段代碼的作用是為擁有 data-download 屬性的鏈接添加一個下載圖標，并且鼠標懸停時下載鏈接和圖標的顏色都會改變。 接下來，在 HTML 中添加鏈接時，需要在 a 標簽中添加 data-download 屬性，例如： ```

請點擊這里下載文件。

``` 點擊 "點擊這里" 的鏈接時，就可以直接下載文件了。如果需要下載其他文件類型的文件，只需要更改鏈接地址中的文件類型即可。 總之，在CSS中添加下載鏈接可以讓網頁更加美觀、更加方便實用，就像上面一樣簡單易操作。