[CSS] 別ウィンドウで開くリンクの最後にアイコンを表示する

リンクを見ただけでは、リンクから開く画面が同じ画面に表示されるのか、別のウィンドウで表示されるのかわかりません。なので、以下のように別ウィンドウで表示される時はアイコンが表示されていると親切ですね。

このページに遷移するリンク:当サイトのトップページ 別ウィンドウに遷移するリンク:当サイトのトップページ

これはCSSで自動で表示させることが可能です。

サンプル

例)targetが"_blank"のリンクの場合、アイコンを表示する

(結果)

 当サイトのトップページ

備考

  • アイコンはフリー素材サイトなどからダウンロードするなど、自前で用意してください。

スポンサーリンク

CSS

Posted by tora