ホームページ > ウェブフロントエンド > フロントエンドQ&A > HTMLでdivマージンを設定する方法

HTMLでdivマージンを設定する方法

青灯夜游
リリース: 2023-01-03 09:27:28
オリジナル
12151 人が閲覧しました

方法: 1. マージン関連の属性を使用して、div の外側のマージン (div ボックスの周囲の距離) を設定します。 2. パディング関連の属性を使用して、div の内側のマージンを設定します。 (div ボックスに読み込まれたコンテンツからボックスの端まで) (境界線間の距離))。

HTMLでdivマージンを設定する方法

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

CSS マージン (margin)

ボックスのマージンは上、右、下、左の 4 方向に分かれています。

外側 マージンの設定は、ボックスの周囲の距離を制御するために使用され、ボックス自体の範囲には属しません。

マージンの主な目的は、位置を制御することです。

#CSS マージン属性

#属性 margin省略形プロパティ。すべてのマージン プロパティを 1 つのステートメントで設定します。 margin-bottom要素の下マージンを設定します。 margin-left 要素の左マージンを設定します。 margin-right 要素の右マージンを設定します。 margin-top要素の上マージンを設定します。 #【推奨チュートリアル: CSS ビデオ チュートリアル】


説明

css パディング

ボックスのパディングは、上、右、下、左の 4 つの方向に分割されます。

  • パディングの設定は、内側のマージンを制御するために使用されます。ボックスの距離 ロードされたコンテンツとボックスの端 (境界線) の間の距離。

  • ボックスのパディングはボックス内のスペースを占め、最小値は 0 で、負の値は許可されません。
  • #CSS パディング プロパティ

##プロパティ

説明##padding-bottom要素を設定する 下部のパディング#padding-left##padding-right##要素の右パディング要素の上部パディングを設定しますその他プログラミング関連の知識については、プログラミング ビデオ をご覧ください。 !
padding 短縮属性を使用して、1 つの宣言ですべてのパディング プロパティを設定します
# 要素の左パディングを設定します
padding-top

以上がHTMLでdivマージンを設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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