2010/2/12

本文を枠で囲って目立たせる

本文を枠で囲う方法

下記のように文章を枠で囲って目立たせるための方法をご説明します。

本文を枠で囲って目立たせるサンプル
本文を枠で囲って目立たせるサンプル

タグを使用するため、サンプルをご用意しました。
下記のサンプルタグをコピーして、ご使用ください。

サンプルタグ

<DIV class=tagedit>
<TABLE style="WIDTH: 500px" borderColor="#000000" bgColor="#ffffff" border="2" align="left">
<TBODY>
<TR>
<TD>
本文を枠で囲って目立たせるサンプル<BR>
本文を枠で囲って目立たせるサンプル<BR>
</TD>
</TR>
</TBODY>
</TABLE>
</DIV>

作成手順

拡張機能タグの直接入力を選択して「作成」ボタンを押してください。

図1のような画面が表示されますので、テキストエリアにタグを入力し、図2のようにします。
今回は上記のサンプルタグを使用しますので、全文を選択してコピー&ペーストします。

図1
図1
図2
図2

タグ入力後「作成」ボタンを押すと、図3のように入力したタグのプレビューが表示されます。
※この段階での背景色・枠線色は各サイトにより異なりますが、実際に設定すると背景色は白、枠線色は黒で表示されます。

図3
図3

確認後、画面上部の「設定をする」ボタンを押し、前画面の「追加」ボタンを押すと、下記のように反映されます。

本文を枠で囲って目立たせるサンプル
本文を枠で囲って目立たせるサンプル



ホームへ先頭へ前へ戻る