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

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

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

css delete img border

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

border="0"  // html属性
border: none; // css属性

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

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

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

img[src=""],
img:not([src]){
    opacity:0;
}

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

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