ホームページ >ウェブフロントエンド >CSSチュートリアル >ハイパーリンクされた画像の周囲の輪郭を削除するにはどうすればよいですか?

ハイパーリンクされた画像の周囲の輪郭を削除するにはどうすればよいですか?

Linda Hamilton
Linda Hamiltonオリジナル
2024-11-19 17:47:02663ブラウズ

How to Remove the Outline Around Hyperlinked Images?

ハイパーリンク画像のアウトラインの削除

負の text-indent 値 (例: text-indent:-9999px) で CSS テキスト置換を使用する場合、影響を受けるリンクをクリックすると、画像の周囲に見苦しい点線の輪郭が表示されます。この問題に対処するには、次の解決策を検討してください:

  • アンカー タグのアウトラインを無効にする:
a {
  outline: none;
}
  • 無効画像の概要リンク:
a img {
  outline: none;
}
  • 画像から境界線を削除する リンク:
img {
  border: 0;
}

これらの CSS 宣言は効果的にハイパーリンク画像の周囲に輪郭や境界線を付けて、より美しいユーザー エクスペリエンスを提供します。

以上がハイパーリンクされた画像の周囲の輪郭を削除するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。