利用css的content来实现自动在a标签后面加上href属性设置的链接地址

上面是实现效果。

下面是html内容。可以看到我并没有写http://www.runoob.com。但是却能显示出来。

<a href="http://www.runoob.com" id="a">菜鸟教程</a>

那是因为css里面设置了content。

#a:after{
   content:"("attr(href)")";
}