css 将外部链接图标添加到链接标记

Posted

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了css 将外部链接图标添加到链接标记相关的知识，希望对你有一定的参考价值。

a[href*="http"] {
  background: url('https://mdn.mozillademos.org/files/12982/external-link-52.png') no-repeat 100% 0;
  background-size: 16px 16px;
  padding-right: 19px;
}

//https://developer.mozilla.org/en-US/docs/Learn/CSS/Styling_text/Styling_links

以上是关于css 将外部链接图标添加到链接标记的主要内容，如果未能解决你的问题，请参考以下文章

CSS PDF和外部链接图标

CSS 标记外部链接

使用 CSS ::before 在列表链接之前添加一个小图标

JavaScript jQuery动态添加外部链接的图标

为外部链接添加图标

Flutter：如何将多张照片或图标内的一张照片链接到地理位置标记？