显示a链接的url,如何使用css呈现?

4 min read

您可以使用::after伪元素将链接的url作为文本内容插入到a链接的后面,并使用CSS样式设置其显示方式,以下是示例代码:

a::after {
  content: " (" attr(href) ")";
  font-size: 0.8em;
  color: gray;
}

在这个例子中,我们把href属性的值插入到a链接文本的后面,添加了一些样式,比如字体大小和颜色,您可以根据需要进行更改。