March 16, 2004
カテゴリ： カテゴリ未分類
■昨日の復習■
<p style="border: dotted 3px #FF9933; padding: 5px;">こんなふうに書くと</p>
と表示されます。
あ、言うの忘れていたけれど、pは段落という意味です。
＜注意点＞
・スペルミスをしないこと
・すべて（空白も）半角で記入
・文末にセミコロン（；）
・セミコロンとコロンを間違いないようにね～。
＜1＞スパンタグ
楽天日記の中で、枠を作るのに使えるタグはいままで説明した<p>タグの他に<span>タグがあります。（日記以外のトップページと、横のページではテーブルタグも使えますが）
<span style="border: dotted 3px #FF9933; padding: 10px;">こんなふうに書くと</span>
と表示されます。
上とまったく同じジャン！！と思うかもしれませんが、違うところが…。
それは、中に改行が含まれてしまったときです。
<p style="border: dotted 3px #FF9933; padding: 5px;">pタグの場合は、
間に
こんなふうに
改行して書いたとき
</p>
<span style="border: dotted 3px #FF9933; padding: 5px;">spanタグの場合は、
間に
こんなふうに
改行して書いたとき
</span>
spanタグの場合は、
間に
こんなふうに
改行して書いたとき
＜2＞もういっこのちがい
pタグは、段落を表すと書きました。だから、ブラウザが、「うん、ここは段落の切れ目なのね」と、自分で判断して、段落と段落の間をだいたい一行分ぐらい開けて表示します。自動的に。
で、自分としては開けてほしくない！つめて表示して！ということがあるかもしれないですね？
そういうときにはマージンを使います。
margin: 10px;
マージン10ピクセル。 この数字を記入することで枠と、その周りの距離を調節できます
<p style="border: dotted 3px #FF9933; padding: 5px; margin:10px;">こんなふうに書くと</p>
<p style="border: dotted 3px #FF9933; padding: 5px; margin:0px;">こんなふうに書くと</p>
もちろんスパンタグにもmargin は設定できます！
それでは今日はこの辺で～
<p style="border: dotted 3px #FF9933; padding: 5px;">こんなふうに書くと</p>
こんなふうに書くと
と表示されます。
あ、言うの忘れていたけれど、pは段落という意味です。
＜注意点＞
・スペルミスをしないこと
・すべて（空白も）半角で記入
・文末にセミコロン（；）
・セミコロンとコロンを間違いないようにね～。
＜1＞スパンタグ
楽天日記の中で、枠を作るのに使えるタグはいままで説明した<p>タグの他に<span>タグがあります。（日記以外のトップページと、横のページではテーブルタグも使えますが）
<span style="border: dotted 3px #FF9933; padding: 10px;">こんなふうに書くと</span>
と表示されます。
上とまったく同じジャン！！と思うかもしれませんが、違うところが…。
それは、中に改行が含まれてしまったときです。
<p style="border: dotted 3px #FF9933; padding: 5px;">pタグの場合は、
間に
こんなふうに
改行して書いたとき
</p>
間に
こんなふうに
改行して書いたとき
<span style="border: dotted 3px #FF9933; padding: 5px;">spanタグの場合は、
間に
こんなふうに
改行して書いたとき
</span>
spanタグの場合は、
間に
こんなふうに
改行して書いたとき
＜2＞もういっこのちがい
pタグは、段落を表すと書きました。だから、ブラウザが、「うん、ここは段落の切れ目なのね」と、自分で判断して、段落と段落の間をだいたい一行分ぐらい開けて表示します。自動的に。
で、自分としては開けてほしくない！つめて表示して！ということがあるかもしれないですね？
そういうときにはマージンを使います。
margin: 10px;
マージン10ピクセル。 この数字を記入することで枠と、その周りの距離を調節できます
<p style="border: dotted 3px #FF9933; padding: 5px; margin:10px;">こんなふうに書くと</p>
このぐらいの距離感
<p style="border: dotted 3px #FF9933; padding: 5px; margin:0px;">こんなふうに書くと</p>
このぐらいの距離感
もちろんスパンタグにもmargin は設定できます！
それでは今日はこの辺で～
お気に入りの記事を「いいね！」で応援しよう
【毎日開催】
15記事にいいね！で1ポイント
PR
Category
ひなちゃん２号
「幸せ小金持ち」目指して日々奮闘中のひなこです～。よろしく。
October , 2026
September , 2026
August , 2026
September , 2026
August , 2026
July , 2026
June , 2026
June , 2026
Comments
Calendar
© Rakuten Group, Inc.
