ホームページ  >  記事  >  ウェブフロントエンド  >  CSSで余白をクリアする方法

CSSで余白をクリアする方法

WBOY
WBOYオリジナル
2021-12-03 17:55:418954ブラウズ

CSS でマージンをクリアする方法: 1. margin 属性を使用して要素の外側のマージンをクリアします。構文は「element {margin:0px;}」です。 2. padding 属性を使用して要素の外側のマージンをクリアします。要素の内側のマージンの場合、構文は「Element {padding:0px;}」です。

CSSで余白をクリアする方法

このチュートリアルの動作環境: Windows 10 システム、CSS3&&HTML5 バージョン、Dell G3 コンピューター。

css でマージンをクリアする方法

1. 新しい Clear Margins and Padding.html ファイルを作成し、HTML5 構造コードを入力し、変更します。タイトル タグのコンテンツの内容: 外側のマージンと内側のマージンをクリアし、div、span などの複数のタグを定義します。

Web ページを実行し、右クリック --> 要素を表示します。図に示すように、body タグにマージンがあることがわかります (黄色の部分がマージンです)。 ##2 、図に示すように、* ワイルドカード セレクターを使用してすべてのラベルのマージンとパディングを 0px に設定し、すべてのラベルの内側と外側のマージンをクリアします。
Web ページを再度実行して要素を確認すると、図に示すように、内側と外側のマージンがクリアされていることがわかります。

CSSで余白をクリアする方法

(学習ビデオの共有: CSSで余白をクリアする方法CSS ビデオ チュートリアル

)

以上がCSSで余白をクリアする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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