使用CSS為外部鏈接加入圖標 當我們在網頁上添加外部鏈接時，想要讓用戶更加直觀地了解該鏈接是否需要打開新頁面，通常我們需要在鏈接后面加上一個圖標來表示。 下面介紹一種使用CSS為外部鏈接添加圖標的方法。 首先，在HTML中添加鏈接：

這是一個外部鏈接：外部鏈接

然后，在CSS中添加樣式： pre { white-space: pre-wrap; word-break: break-all; background-color: #f7f7f7; border-radius: 5px; padding: 10px; margin-bottom: 20px; } a[target="_blank"]:after { content: url("https://cdn.example.com/icon/external-link.svg"); margin-left: 5px; } 在上面的CSS中，我們使用了偽類選擇器“:after”來添加鏈接的圖標。通過[target="_blank"]選擇器，我們能夠識別在鏈接的"target"屬性中是否包含"_blank"，這意味著該鏈接在新標簽頁中打開。接下來，我們使用“content”屬性為鏈接添加圖標的URL。 最后，通過在鏈接后面添加一些留白來創建適當的間距。 現在外部鏈接的圖標已經添加成功！