CSS可以非常容易地給鏈接右側添加圖標,使頁面更具吸引力和易用性。
要實現此效果,您需要使用CSS中的::after
偽元素和content
屬性。以下是示例代碼:
a::after { content: url('icons/link-icon.png'); margin-left: 5px; }
在上面的代碼中,::after
偽元素指示鏈接元素的內容之后插入一個圖標。content
屬性指定用于插入圖標的圖像的URL。margin-left
屬性為圖標指定了5px左側外邊距,以將其與鏈接文本分開。
您可以使用不同的圖標資源,也可以通過更改屬性調整圖標的位置和大小,使鏈接看起來更美觀。