ホームページ > ウェブフロントエンド > CSSチュートリアル > CSS を使用してハイパーリンクされた画像からアウトラインを削除する方法

CSS を使用してハイパーリンクされた画像からアウトラインを削除する方法

Barbara Streisand
リリース: 2024-11-18 10:09:02
オリジナル
354 人が閲覧しました

How to Remove Outlines from Hyperlinked Images Using CSS?

ハイパーリンク画像の周囲のアウトラインを削除する方法

CSS テキスト置換を使用し、負のテキストインデントを適用すると、クリック時に点線が表示される場合があります提供されたサンプルに見られるように、ハイパーリンクされた画像上で。この問題に対処するには、次の解決策を検討してください:

アンカー タグからアウトラインを削除:

a {
  outline: none;
}
ログイン後にコピー

画像リンクからアウトラインを削除:

a img {
  outline: none;
}
ログイン後にコピー

画像から境界線を削除リンク:

img {
  border: 0;
}
ログイン後にコピー

これらのスタイル ルールを適用すると、ハイパーリンク画像を囲む輪郭と境界線を効果的に削除できます。

以上がCSS を使用してハイパーリンクされた画像からアウトラインを削除する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート