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桁の目標を達成することができました。このブログでは、同じ目標を持つあなたに、ららの知識やアドバイスをお伝えしています。お問い合わせはいつでも受け付けていますのでお気軽にどうぞ。
無料レポートが書けなくてもメルマガを始める方法
HAPPYな仕組みダウンロード

「メルマガを始めてみたいけど読者を集めるの大変そう…」
そんなあなたへ。努力しなくっても読者さんが集まる、目からウロコの方法を伝授します(無料です)。

>>レポートをダウンロード!

 

ららが稼げるようになった教材「アンリミテッドアフィリエイト」が9月30日で大幅値上げ!ららのサポート付で手に入れるなら今がチャンスです♪

メールはお気軽に

ららにメールあなたからのメールはいつでも大歓迎です。
お問い合わせはこちらのフォームからどうぞ。
48時間以内に愛をこめてお返事をさせていただいています。

 

ららにメールする

この記事で使われているイラストは…

この記事で使用されているイラストの大部分は、こちらのイラスト集のものを使用しております。

COMMENT

メールアドレスが公開されることはありません。