忍者ブログ

ブログに『枠』や『表』を入れたい! 『色つき枠』を入れるには??? 大丈夫です^^ 初心者向けにコピー&ペーストで使えるようにしました どうぞ自由にお持ち帰りください

[PR]

×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

四角い枠(文字、枠内色つき)

四角い枠(枠内色つき)
土を耕し、花を植える


ここから
<table border="1" bgcolor="#DEB887"><tr><td>
土を耕し、花を植える
</td></tr></table>
ここまで


※アンダーライン部分は、文字を入れたら消して下さい
赤文字部分は説明ですので、赤文字に挟まれた部分をコピー&ペーストしてください



四角い枠(文字色つき)
土を耕し、花を植える


ここから
<table border="1" ><tr><td>
<font color="#228B22">
土を耕し、花を植える
</font>
</td></tr></table>
ここまで


※アンダーライン部分は、文字を入れたら消して下さい
赤文字部分は説明ですので、赤文字に挟まれた部分をコピー&ペーストしてください



四角い枠(文字、枠内色つき)
土を耕し、花を植える


ここから
<table border="1" bgcolor="#DEB887"><tr><td>
<font color="#228B22">
土を耕し、花を植える
</font>
</td></tr></table>
ここまで


※アンダーライン部分は、文字を入れたら消して下さい
赤文字部分は説明ですので、赤文字に挟まれた部分をコピー&ペーストしてください



四角い枠(枠無し、文字・枠内色つき)
土を耕し、花を植える


ここから
<table bgcolor="#DEB887"><tr><td>
<font color="#228B22">
土を耕し、花を植える
</font>
</td></tr></table>
ここまで


※アンダーライン部分は、文字を入れたら消して下さい
赤文字部分は説明ですので、赤文字に挟まれた部分をコピー&ペーストしてください



==================================
補足説明:
==================================
table → 枠を表すもので最初と最後に必ず入っていなければならない
<table></table>

table border="1" → 枠の線を表す

table bgcolor="#DEB887" → 枠内の色を示すもので、#後の6英数字(半角)が、色のコード

font color="#228B22"  → 文字色を示すもので、#後の6英数字(半角)が、色のコード

カラーコードに関しては、こちらのサイトを参考にされてください
http://www5.plala.or.jp/vaio0630/hp/c_code.htm  カラー名も出ています
http://www.finitojapan.com/cltable.html  配色をするのに便利です
PR

四角い枠(二つ~4つ並べる)

四角い枠を二つ並べる
土を耕し、花を植える①
土を耕し、花を植える②


ここから
<table><tr><td>
<table border="1" ><tr><td>
土を耕し、花を植える①
</td></tr></table>
</td><td>
<table border="1" ><tr><td>
土を耕し、花を植える②
</td></tr></table>
</td></tr></table>
ここまで

※アンダーライン部分は、文字を入れたら消して下さい
赤文字部分は説明ですので、赤文字に挟まれた部分をコピー&ペーストしてください



四角い枠を三つ並べる
土を耕し、花を植える①
土を耕し、花を植える②
土を耕し、花を植える③


ここから
<table><tr><td>
<table border="1" ><tr><td>
土を耕し、花を植える①
</td></tr></table>
</td><td>
<table border="1" ><tr><td>
土を耕し、花を植える②
</td></tr></table>
</td><td>
<table border="1" ><tr><td>
土を耕し、花を植える③
</td></tr></table>
</td></tr></table>
ここまで

※アンダーライン部分は、文字を入れたら消して下さい
赤文字部分は説明ですので、赤文字に挟まれた部分をコピー&ペーストしてください



四角い枠を四つ並べる
土を耕し、花を植える①
土を耕し、花を植える②
土を耕し、花を植える③
土を耕し、花を植える④


ここから
<table><tr><td>
<table border="1" ><tr><td>
土を耕し、花を植える①
</td></tr></table>
</td><td>
<table border="1" ><tr><td>
土を耕し、花を植える②
</td></tr></table>
</td><td>
<table border="1" ><tr><td>
土を耕し、花を植える③
</td></tr></table>
</td><td>
<table border="1" ><tr><td>
土を耕し、花を植える④
</td></tr></table>
</td></tr></table>
ここまで

※アンダーライン部分は、文字を入れたら消して下さい
赤文字部分は説明ですので、赤文字に挟まれた部分をコピー&ペーストしてください

四角い枠(文字を中央に寄せる)

大きめの枠の中に文字を中央寄せ(センタリング)

ここから
<table width="50%" border="1">
    <tbody>
        <tr>
            <td height="50"><center>ここに文字  改行したい場合は、その部分に<br>を挿入してください</center></td>
        </tr>
    </tbody>
</table>
ここまで


※アンダーライン部分は説明ですので、文字を入れたら消して下さい
赤文字部分は説明ですので、赤文字に挟まれた部分をコピー&ペーストしてください


こんな感じになります↓
ここに文字  改行したい場合は、その部分に
を挿入してください

四角い枠(文字を囲む)

普通の四角い枠(文字の幅や列を囲む)

ここからコピペ
<table border="1"><tr><td>
ここに文字  改行したい場合は、その部分に<br>を挿入してください</td></tr></table>
ここまで


※アンダーラインの部分は、説明書きですので文字を入れたら消して下さい
赤文字は説明ですので、赤文字に挟まれた部分をコピー&ペースト

こんな感じ↓
ここに文字  改行したい場合は、その部分に
を挿入してください

カレンダー

09 2017/10 11
S M T W T F S
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30 31

スポンサードリンク

プロフィール

HN:
No Name Ninja
性別:
非公開

ブログ内検索

アーカイブ

アクセス解析

カウンター

最新コメント

最新トラックバック

バーコード

忍者ブログ

[PR]

TemplateDesign by KARMA