2014年2月25日

CSS3 在所有 target blank 的連結後添加圖示

清楚的 UI ,在外連的連結後面加入圖示
/*
1. 注意 hover 合併 after 的寫法,不可調換
2. 注意加內容文字,又加入圖片的 content 寫法
3. 這樣寫也可以 a[target="_blank"]:after 
*/

a[target]:after{
   content: "(" url('../images/external_link_bk.png') ")";
}
a[target]:hover:after{
   content: "(" url('../images/external_link_red.png') ")";
}

沒有留言:

張貼留言