第四回目は、下記のままだとテキストがぎゅうぎゅうに詰まって見辛いので、余白を入れてあげようと思います。
第三回目までの枠
ほにゃほにゃ、ほにゃらら、ほにゃらのらー
<div style="border:4px dotted hotpink;background-color:lightyellow;">
ほにゃらら、ほにゃらら、ほにゃららららー<br />
ほにゃほにゃ、ほにゃらら、ほにゃらのらー
</div>
枠内の隙間を開けるプロパティは
padding：数値px;
といいます。
早速使ってみましょう。単位は変わらず px です。
ほにゃほにゃ、ほにゃらら、ほにゃらのらー
<div style="border:4px dotted hotpink;background-color:lightyellow; padding:10px;">
ほにゃらら、ほにゃらら、ほにゃららららー<br />
ほにゃほにゃ、ほにゃらら、ほにゃらのらー
</div>
これでぎゅうぎゅう詰めの可哀想な状態から脱出しましたね。
線を付ける場合には、このタグもほぼ必要となるので覚えていて損はないと思います。
padding タグは、実は上下左右バラバラにも使えます。
「padding：10px」ですと、上下左右のすべてに10px分余白を開けなさい、という指示ですが…
padding-top：数値px; （上余白）
padding-bottom：数値px; （下余白）
padding-left：数値px; （左余白）
padding-right：数値px; （右余白）
これで左は5pxだけど、右は20pxにしたい
上は欲しくないから0pxがいいけど、下は30px欲しい
そんな貴方のわがままにもお答えします（笑）
全部使う必要はないので、欲しいタグだけ使ってくださいね。
そんな感じで、基本はここまで。
全四回、お疲れ様でした！
これで、ファンキーな枠も自由自在（笑）
ぜひオリジナリテイを出していただけたらと思います。
たまに番外編も作るかもしれませんが、また見ていただけたら嬉しく思います。
難しくて分からないところとか質問があったら、ぜひコメントなどを利用してくださいね（ ^ ^ )v
まだまだモニター様募集中です♪♪
よろしくお願いいたします。
- つけているのに効果を感じたことがない、効果が薄いように感じる →ひょっとすると、石本来の効能が違うのかも知れません
- なんだか違和感を感じる→何か石からのメッセージがあるのかも？
- 石の本音が聞きたい→お任せください、ばっちり聞き出して見せます
- 石がどういう想いや願いを持って、自分の手元に来たのか知りたい
→ご縁がある以上、面白い物語をお持ちかも知れません - 浄化してるけど、なんかピンと来ないような？→石にもどうやら好みの浄化方法というものがあるようです
- 石と仲良くなる方法を教えて！ →私の上位さんたちとご縁を結ぶお手伝いをさせていただきます。
詳しくはこちら