這是一個在元素前面或後面插入內容的方法(搭配 selector:before和selector:after)

HTML:

<a class="yahoo" href="http://www.yahoo.com.tw">Yahoo</a>
<a class="google" href="http://www.google.com">Google</a>

CSS:

.google:after {
	/* 前後加入~~字串 與網址串接*/
	content:"~~" attr(href)  "~~"
}

這樣在畫面就會顯示成
Google~~http://www.google.com~~

Categories: CSS