再挑戦への記録☆目指せ☆ちょこちょこアフィリエイター☆

再挑戦への記録☆目指せ☆ちょこちょこアフィリエイター☆

☆試し☆

わーお・・・このページを偶然のぞいてしまったあなた・・・!!
ラッキーかも・・・。こっそりとUPしたページなので・・・(^_^;)



《 二重線のテーブル 》

<table style="width=600; border-width: 3px; border-style: double ; border-color: lightblue;"><tr><td align="center"> ここに文字を入れるよ。 </td></tr></table>


※枠線の種類を変えるには、
上のタグソースの赤色になってる部分を
 入れ替えます。


   ・実線→solid ・二重線→double ・点線→dotted ・破線→dashed

 ・幅を変えたい→width=のあとの数字を変更してみてくださいね。
 ・枠線の太さを変えたい→border-width:のあとの数字を変更。
 ・このテーブルソースでは文字がcenterになってますが、
  align="○○"の部分を、左寄せはleft、右寄せはrightに変更。

 何事もやってみるべし!!


《 日記の枠:基本 》

ここに、日記を書き込みます。











<CENTER style="WIDTH=500; background: url(http://から始まる画像のURL);border-width: 2px;border-style: solid;border-color: pink; background-repeat: no-repeat; background-position: 100% 100%; text-align:left;">   ここに、日記を書き込みます。   

</FONT></CENTER>


《 画像の位置 》

右下に固定したい時は、background-position : right bottom
      もしくは background-position : 100% 100%

左下に固定したい時は、background-position : left bottom
      もしくは background-position : 0% 100%

左上に固定したい時は、background-position : left top
      もしくは background-position : 0% 0%

右上に固定したい時は、background-position : right top
      もしくは background-position : 100% 0%



《 枠線:実線☆フォント:HG創英角ポップ体☆色:黄色☆枠線の太さ:5px 》

  ここに、日記を書き込みます。











《 枠線:破線☆フォント:HG創英角ポップ体☆色:緑☆枠線の太さ:2px 》

  ここに、日記を書き込みます。

行が増えると

どうなるのかな???
















《 枠線:点線☆フォント:HG創英角ポップ体☆色:オレンジ☆枠線の太さ:6px 》

  ここに、日記を書き込みます。











《 枠線:二重線☆フォント:HG創英角ポップ体☆色:lightblue☆枠線の太さ:3px 》

  ここに、日記を書き込みます。











width(枠幅)は、自由に変更できるよ。
border-style(枠のスタイル)は、
solid(実線)・dotted(点線)・double(二重線)・dashed(破線)
に変更できるよ。いろいろ試してみてね。
border-width(枠線の太さ)は、数字が大きくなるほど太くなるよ。
border-color(枠の色)は、好きな色に変えてみてね。



※日記は自動改行なので、<br>はいらないよ。Enterキーの改行でOK
※テーブルタグの部分は、改行しないでつめてね。
 じゃないと・・・変な余白がいっぱい出来るよ(^_^;)


文字













ここに文字を使って改行してください!





わーお・・・このページを偶然のぞいてしまったあなた・・・!!
ラッキーかも・・・。こっそりとUPしたページなので・・・(^_^;)

《 破線のテーブル 》

<table style="width=600; border-width: 3px; border-style: dashed ; border-color: lightblue;"><tr><td align="center"> ここに文字を入れるよ。
</td></tr></table>

※枠線の種類を変えるには、
上のタグソースの赤色になってる部分を
 入れ替えます。


   ・実線→solid ・二重線→double ・点線→dotted ・破線→dashed




テスト☆テスト☆テスト
テスト☆テスト☆テスト



テスト☆テスト☆テスト
テスト☆テスト☆テスト




ここに、日記を書き込みます。












<center><table border="1" bordercolor="好きな色に指定" width="500"><tr><td background="http://から始まる壁紙のURL" align="center">ここに文字を書いていきます。</td></tr></table></center>


※tableのすぐ後ろのborder="1"の数字を大きくすると外枠が太くなるよ。
 文字を右寄せ align="right" 中央 align="center" 左寄せ align="left"






© Rakuten Group, Inc.
X
Design a Mobile Site
スマートフォン版を閲覧 | PC版を閲覧
Share by: