CSSで画像の枠線を消す方法

藏色散人
リリース: 2021-03-30 11:43:28
オリジナル
5283 人が閲覧しました

CSS で画像の境界線を削除する方法: 1. CSS の border 属性を使用して、画像の境界線を設定および削除します; 2. 「img:not([src]){opacity:」を通じて画像の境界線を削除します。 0;}"。

CSSで画像の枠線を消す方法

この記事の動作環境: Windows7 システム、HTML5&&CSS3 バージョン、Dell G3 コンピューター。

css delete img border

1. タグの border 属性は、画像の周囲の境界線の幅を指定します。画像の境界線を削除します。 CSS の border 属性を使用して設定することもできます。

border="0"  // html属性
border: none; // css属性
ログイン後にコピー

注: デフォルトでは、画像には枠がないため、枠を削除する必要はありません。 (画像が a 要素内にない場合)。

ブラウザは通常、ハイパーリンク ( タグに含まれる画像など) を表す画像を 2 ピクセル幅の枠内に表示し、読者が画像を選択することで関連コンテンツにアクセスできることを示します。

2. img が src 属性を受け取らない場合、境界線が自動的に表示されます。border:0/none が機能しない場合、解決策は次のとおりです:

[推奨学習: css ビデオ チュートリアル ]

以上がCSSで画像の枠線を消す方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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