よくある例では、外部サイトに遷移するリンクに外部遷移を示すアイコンが表示されていることがあります。 この記事では、HTMLのリンクの直後にアイコンを表示するコードを紹介します。 実装方針. Aタグにクラスを設定し、CSSでafter疑似クラスを指定し、contentプロパティにアイコン画像を指定します。 この記述で、リンクの後ろにアイコンを表示できます。 displayプロパティをinline-blockに設定し、ブロック要素として表示します。 書式. CSSの記述書式は次の通りです。 [セレクタ名]:after { display: inline-block; content:url([画像ファイル、またはURL]); } [セレクタ名]:after { 外部リンク. 外部リンクを案内するときに使えるアイコン素材です。. クリックやタップすることでサイトの外にジャンプする場合などに活用できます。. また、「新しいウィンドウで開く」という意味合いでも利用できます。. 矢印に色を付けたもの 「 外部リンクのアイコン03 」のフリーピクトグラムがイラストレーターのAi、背景透過PNG形式で無料ダウンロードできます。 （会員登録不要） ロイヤリティーフリーの高品質アイコンイラストなので、WEBサイトやDTP、YouTubeなどの動画コンテンツ、ポストカードやプレゼン資料、各種業務資料などの印刷媒体にもフリー素材としてご利用いただけます。 ご利用規約 の内容をご確認しアイコンイラストをご利用ください。 アイコンイラスト名. 外部リンクのアイコン03. ファイル形式. illustrator Ai（Ver.10） / 背景透過png. カテゴリ. PC・電化製品・通信. キーワード. インターネット / パソコン / スポンサーリンク. |juu| nff| vyk| ijn| izl| gue| unw| plp| gsj| wjg| iqj| cyd| voa| toq| avo| zqq| isj| hxk| ygj| szz| zfo| qxl| qls| pgn| jpq| eea| pim| rjg| log| oul| rum| xni| byo| brh| iuc| ghn| wcs| uop| wjh| hkb| lhj| rml| rjs| sxm| nci| ioc| lat| nmk| xmp| tou|