日記背景編
日記に背景を付けたい
<CENTER style="width:100%;height:200;background-color: #00ffcc
;"> ここに日記を書きましょう
</CENTER>
文章はセンターになります。
日記に背景を付けたい （左詰め）
<P style="width:100%;height:200;background-color: #00ffcc
;padding-left:10pt;"> ここに日記を書きましょう
</P>
ここに日記を書きましょう
文章は左詰めになります。
日記に背景を付けたい （枠付き）
<CENTER style="width:100%;height:200;border-style:solid;border-color:#000000;border-width:2px;background-color: #00ffcc
;"> ここに日記を書きましょう
</CENTER>
枠つき
左詰めで日記を書きたい場合は、
CENTERをPに代えてください。
日記に背景を付けたい （点線）
<CENTER style="width:100%;height:200;border-style:dotted;border-color: #00ffcc
;background-color: #00ffcc
;"> ここに日記を書きましょう
</CENTER>
背景色を付けて画像を掲載するタグなのだ。
<CENTER style="width:100%;height:200;border-style:dotted;border-color: #00ffcc ;background-color: #00ffcc ;">
<img align=left src="載せたい画像アドレス"> ここに日記を書きましょう </CENTER>
border-style: dotted ; 赤字部分を変更すると枠が変わります。枠の色と太さ、背景色は変更できます。
判りやすく枠の太さを10ピクセルにしてあります。
<p style="width:100%;height:200;padding-left:10pt;border-style: solid ;border-color: #DCDCDC ;background-color: #87CEFA ;border-width: 4px ;">
ここに日記を書きましょう </p>
<p style="width:100%;height:200;padding-left:10pt;border-style: double ;border-color: #DCDCDC ;background-color: #87CEFA ;border-width: 4px ;">
ここに日記を書きましょう </p>
<p style="width:100%;height:200;padding-left:10pt;border-style: dashed ;border-color: #DCDCDC ;background-color: #87CEFA ;border-width: 4px ;">
ここに日記を書きましょう </p>
<p style="width:100%;height:200;padding-left:10pt;border-style: groove ;border-color: #DCDCDC ;background-color: #87CEFA ;border-width: 4px ;">
ここに日記を書きましょう </p>
<p style="width:100%;height:200;padding-left:10pt;border-style: inset ;border-color: #DCDCDC ;background-color: #87CEFA ;border-width: 4px ;">
ここに日記を書きましょう </p>
<p style="width:100%;height:200;padding-left:10pt;border-style: outset ;border-color: #DCDCDC ;background-color: #87CEFA ;border-width: 4px ;">
ここに日記を書きましょう </p>
<p style="width:100%;height:200;padding-left:10pt;border-style: ridge ;border-color: #DCDCDC ;background-color: #87CEFA ;border-width: 4px ;">
ここに日記を書きましょう </p>
日記の文章の行間を変えたい
<p style="line-height:150%;"> ここに日記を書きましょう
</p>
かきくけこ
さしすせそ
たちつてと
なにぬねの
はひふへほ
まみむめも
長い日記だと読みづらい為に、改行して行間をあけている人も多いでしょう。
そんなときはこのタグで行間を調整出来ます。
あいうえお
かきくけこ
さしすせそ
たちつてと
なにぬねの
はひふへほ
まみむめも
文字の大きさを100として、ここでは150に指定して表示しています。
つまり、文字の半分の大きさの行間があくのです。
数値は各自で調整してくださいね。
では、実際の日記で見比べてみましょう。下が行間を指定した日記です。
巨人快勝～、７回の攻撃は見事♪
しか～し、試合終了後のお立ち台はなんだ！
勝ち越しタイムリーの仁志と抑えのランデル？
ちゃうやろ～、ドミンゴとの力勝負でHRを打った清原がヒーローだ！
6回まで1安打の好投のドミンゴを引きずり降ろしたのは清原なのだ。
今日の勝敗は清原の打席で決まったと言っても過言では無い。
清原の3打席目、鳥肌立った。
ドミンゴの球威に対して、力勝負を楽しんでいるのがよく伝わった。
真っ向勝負にはめっぽう強い。
西武時代にも村田や山田久志、伊良部、野茂や松坂との勝負も見ごたえがあった。
変化球には弱いが、速球派投手には燃える男なのだ。
4打席で3三振1HR、決める場面で結果を出す。
2000本安打まで5本とカウントダウンの中、打って欲しいところで結果を出した清原が今日のヒーローだ。
巨人が連打で勝てたのも、清原の1発がきっかけや。
今日のお立ち台は納得いかん、試合の流れが判ってないのだ。
大記録を東京ドームで達成して、中日の立浪（PL学園の後輩）から花束贈呈が理想やね。
2試合で4本、頑張れ清原！
さてさて、パワプロ（ゲーム）は巨人が優勝、日本シリーズは西武相手に4連勝で日本一を決めた♪
また初めからやり直して頑張るのだ。
巨人快勝～、７回の攻撃は見事♪
しか～し、試合終了後のお立ち台はなんだ！
勝ち越しタイムリーの仁志と抑えのランデル？
ちゃうやろ～、ドミンゴとの力勝負でHRを打った清原がヒーローだ！
6回まで1安打の好投のドミンゴを引きずり降ろしたのは清原なのだ。
今日の勝敗は清原の打席で決まったと言っても過言では無い。
清原の3打席目、鳥肌立った。
ドミンゴの球威に対して、力勝負を楽しんでいるのがよく伝わった。
真っ向勝負にはめっぽう強い。
西武時代にも村田や山田久志、伊良部、野茂や松坂との勝負も見ごたえがあった。
変化球には弱いが、速球派投手には燃える男なのだ。
4打席で3三振1HR、決める場面で結果を出す。
2000本安打まで5本とカウントダウンの中、打って欲しいところで結果を出した清原が今日のヒーローだ。
巨人が連打で勝てたのも、清原の1発がきっかけや。
今日のお立ち台は納得いかん、試合の流れが判ってないのだ。
大記録を東京ドームで達成して、中日の立浪（PL学園の後輩）から花束贈呈が理想やね。
2試合で4本、頑張れ清原！
さてさて、パワプロ（ゲーム）は巨人が優勝、日本シリーズは西武相手に4連勝で日本一を決めた♪
また初めからやり直して頑張るのだ。
上のタグです。
| <p style="width:100%;height:200;padding-left:10pt;border-style:ridge;border-color:#DCDCDC;background-color:#87CEFA;border-width:4px;line-height:150%;"> ここに日記を書きましょう </p> |
|---|
| <p style="width:100%;height:200;padding-left:10pt;line-height:150%;"> ここに日記を書きましょう（背景無し） </p> |
巨人快勝～、７回の攻撃は見事♪ しか～し、試合終了後のお立ち台はなんだ！ 勝ち越しタイムリーの仁志と抑えのランデル？ ちゃうやろ～、ドミンゴとの力勝負でHRを打った清原がヒーローだ！ 6回まで1安打の好投のドミンゴを引きずり降ろしたのは清原なのだ。 今日の勝敗は清原の打席で決まったと言っても過言では無い。 清原の3打席目、鳥肌立った。 ドミンゴの球威に対して、力勝負を楽しんでいるのがよく伝わった。 真っ向勝負にはめっぽう強い。 西武時代にも村田や山田久志、伊良部、野茂や松坂との勝負も見ごたえがあった。 変化球には弱いが、速球派投手には燃える男なのだ。 4打席で3三振1HR、決める場面で結果を出す。 2000本安打まで5本とカウントダウンの中、打って欲しいところで結果を出した清原が今日のヒーローだ。 巨人が連打で勝てたのも、清原の1発がきっかけや。 今日のお立ち台は納得いかん、試合の流れが判ってないのだ。 大記録を東京ドームで達成して、中日の立浪（PL学園の後輩）から花束贈呈が理想やね。 2試合で4本、頑張れ清原！ さてさて、パワプロ（ゲーム）は巨人が優勝、日本シリーズは西武相手に4連勝で日本一を決めた♪ また初めからやり直して頑張るのだ。
巨人快勝～、７回の攻撃は見事♪ しか～し、試合終了後のお立ち台はなんだ！ 勝ち越しタイムリーの仁志と抑えのランデル？ ちゃうやろ～、ドミンゴとの力勝負でHRを打った清原がヒーローだ！ 6回まで1安打の好投のドミンゴを引きずり降ろしたのは清原なのだ。 今日の勝敗は清原の打席で決まったと言っても過言では無い。 清原の3打席目、鳥肌立った。 ドミンゴの球威に対して、力勝負を楽しんでいるのがよく伝わった。 真っ向勝負にはめっぽう強い。 西武時代にも村田や山田久志、伊良部、野茂や松坂との勝負も見ごたえがあった。 変化球には弱いが、速球派投手には燃える男なのだ。 4打席で3三振1HR、決める場面で結果を出す。 2000本安打まで5本とカウントダウンの中、打って欲しいところで結果を出した清原が今日のヒーローだ。 巨人が連打で勝てたのも、清原の1発がきっかけや。 今日のお立ち台は納得いかん、試合の流れが判ってないのだ。 大記録を東京ドームで達成して、中日の立浪（PL学園の後輩）から花束贈呈が理想やね。 2試合で4本、頑張れ清原！ さてさて、パワプロ（ゲーム）は巨人が優勝、日本シリーズは西武相手に4連勝で日本一を決めた♪ また初めからやり直して頑張るのだ。
|
|
|
