ホームページ  >  記事  >  ウェブフロントエンド  >  1.パディングとマージン、いくつかのパラメータ_html/css_WEB-ITnose

1.パディングとマージン、いくつかのパラメータ_html/css_WEB-ITnose

WBOY
WBOYオリジナル
2016-06-24 11:53:291266ブラウズ

この記事はとても短くなります。

すると、上の図に示すように、margin は外側のマージンを指し、padding は内側のマージンを指し、ボーダーには独自のピクセル幅があり、要素は 1335 に 392 を掛けたものになります。

余白はpadding、右上、左下、右上、左下と合計4つあります。 margin-top を選択して 1 つずつ設定することも、margin:10px 0 0 0; を使用することもできます。

次に、マージンを例に挙げますが、パディングも同様で、従うことができるパラメータには 3 つの形式があります。

1.margin: 3px 5px;??それぞれ上、下、左、右を表す2つのパラメータ、つまり、上と下のマージンは両方とも3px、左右のマージンは両方とも5pxです。

2.margin: 10px 15px 5px;??それぞれ上、左、右、下を表す 3 つのパラメータ、つまり、上のマージンは 10px、左右のマージンは両方とも 15px、下のマージンは 5px 。

3.margin: 10px 7px 5px 8px;??それぞれ上、右、下、左を表す 4 つのパラメータ、つまり、上マージン 10px、右マージン 7px、下マージン 5px、左マージン 8px。

paddingも書き方と意味は同じです。

以上。

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