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

前端之家收集整理的这篇文章主要介绍了html – CSS:如何在所有访问过的链接旁边放置一个复选标记图标/ acsii字符?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
对于任何访问过的(a:访问过的)网页,我想在我的网站上显示这些链接,并在链接左侧显示一个小复选标记.

例如:

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

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

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

解决方法

您可以使用背景和填充的组合来获得此效果.
a:visited {
    background: transparent url("path/to/checkmark.png") left center no-repeat;
    padding-left: 10px;
}

调整衬垫和背景位置以满足您的需求.希望这可以帮助.

原文链接:https://www.f2er.com/html/223753.html

猜你在找的HTML相关文章