HTML入門

【CSS】文章を枠で囲んだ時のpaddingとmarginの違いがわからん

ららです。

記事の中で、こんなふうに文章を囲みたい!とします。

WS008912

ググってサンプルを元にCSSを書くんだけど、
paddingとmarginの違いが、いつまでたってもわからんのです (;´Д`)

ここにちゃんと書いとこうと思います。

paddingはここだ!

paddingが15pxの場合

WS008913
↓ ↓ ↓
WS008912

えっ、どこが15px??

paddingを100pxにしてみた

WS008914
↓ ↓ ↓
WS008915

ここだった~~~(・∀・)

marginはここだっ

marginが20pxの場合

WS008916
↓ ↓ ↓
WS008919

えっえっ?どのへんが20px?

marginを100pxにしてみた

WS008918
↓ ↓ ↓
WS008921

ここだった~~(# ゚Д゚)

以上、視覚的にわかっていただけたかと。
私も何かとここを見返そうと思います^^;

ABOUT ME
らら
らら
ららです。2人の子供がいる40代の主婦です。コツコツとアフィリエイトにチャレンジし、月6桁の目標を達成することができました。このブログでは、同じ目標を持つあなたに、ららの知識やアドバイスをお伝えしています。お問い合わせはいつでも受け付けていますのでお気軽にどうぞ。

COMMENT

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です