插入svg的方法

2021年 06月 19日

需求:在超链接后面插入一个名为link.svg的小图标,Demo:anchor

方法一:作为图片引入svg

<a>anchor<img src="/img/link.svg"></a>

方法二:直接在HTML写入

<a>anchor<svg>...</svg></a>

方法三:使用CSS伪类引入图片

a:after {
  content: url("/img/link.svg");
}

方法四:直接在CSS用伪类

a:after {
  content: url("data:image/svg+xml;utf8,<svg>...</svg>");
}

分类

CSS

相关文章

水平垂直居中 解决锚定位被fixed遮挡

无留言,写一条

发表失败,请重试
发送成功! 一分钟后展示,请刷新
上一篇 下一篇