html - CSS:如何在所有访问过的链接旁边放置一个复选标记图标/ascii 字符？

Question

对于任何访问过的 (a:visited) 网页，我想在我的网站上显示这些链接，并在链接左侧显示一个小复选标记。

例如:

“这是一个未访问的链接”

√“这是一个访问过的链接”

问题:如何使用 CSS 完成复选标记？

Answer 1

您可以结合使用背景和填充来获得这种效果。

a:visited {
    background: transparent url("path/to/checkmark.png") left center no-repeat;
    padding-left: 10px;
}

调整内边距和背景位置以满足您的需要。希望这会有所帮助。