HTML スクロールバー付のコメントを書く
２．スクロールバーつきのコメントを書く
スクロールバーつきのコメントを書く
サンプル １
ここに本文を書いてください
・
・
・
・
・
・
・
・
・
・
・
・
・
・
・
・
・
・
・
・
・
テスト
・
・
・
・
・
・
・
・
・
・
・
・
・
・
・
・
・
・
・
・
・
テスト
ソース
<TABLE border="0" width="500" height="300" style="border-width : 4px 4px 4px 4px;border-style : solid solid solid solid;border-color : #79090c #79090c #79090c #79090c;" bgcolor="#000000">
<TBODY>
<TR>
<TD bgcolor="#000000">
<div style="height:300px; width:500px; overflow-y:scroll;scrollbar-base-color: #79090c"><FONT color="#ffffff">ここに本文を書いてください<BR>
・<BR>
・<BR>
・<BR>
・<BR>
・<BR>
・<BR>
・<BR>
・<BR>
・<BR>
・<BR>
・<BR>
・<BR>
・<BR>
・<BR>
・<BR>
・<BR>
・<BR>
・<BR>
・<BR>
・<BR>
・<BR>
テスト</FONT></div>
</TD>
</TR>
</TBODY>
</TABLE>
日記用ソース（そのままコピーしてお使い下さい）
<TABLE border="0" width="500" height="300" style="border-width : 4px 4px 4px 4px;border-style : solid solid solid solid;border-color : #79090c #79090c #79090c #79090c;" bgcolor="#000000">
<TBODY> <TR>
<TD bgcolor="#000000"> <div style="height:300px; width:500px; overflow-y:scroll;scrollbar-base-color: #79090c"><FONT color="#ffffff">ここに本文を書いてください
・
・
・
・
・
・
・
・
・
・
・
・
・
・
・
・
・
・
・
・
・
・
・
・
・
・
・
・
・
・
・
・
・
・
テスト</FONT></div></TD> </TR> </TBODY></TABLE>
サンプル ２
| ここにコメントを書くことができます。（画像も挿入可能） |
|---|
| テスト
・ ・ ・ ・ ・ ・ ・ ・ ・ ・ ・ ・ ・ ・ ・ ・ ・ ・ ・ ・ ・ テスト |
ソース
<TABLE border="0" width="500" height="300" style="border-width : 4px 4px 4px 4px;border-style : solid solid solid solid;border-color : #79090c #79090c #79090c #79090c;" bgcolor="#000000">
<TBODY>
<TR>
<TD bgcolor="#79090c" height="42"><FONT color="#ffffff">ここにコメントを書くことができます。（画像も挿入可能）</font></TD>
</TR>
<TR>
<TD bgcolor="#000000" height="310">
<div style="height:300px; width:500px; overflow-y:scroll;scrollbar-base-color: #79090c"><FONT color="#ffffff">テスト<BR>
・<BR>
・<BR>
・<BR>
・<BR>
・<BR>
・<BR>
・<BR>
・<BR>
・<BR>
・<BR>
・<BR>
・<BR>
・<BR>
・<BR>
・<BR>
・<BR>
・<BR>
・<BR>
・<BR>
・<BR>
・<BR>
テスト</FONT></div>
</TD>
</TR>
</TBODY>
</TABLE>
</TD>
</TR>
</TBODY>
</TABLE>
日記用ソース（そのままコピーしてお使い下さい）
<TABLE border="0" width="500" height="300" style="border-width : 4px 4px 4px 4px;border-style : solid solid solid solid;border-color : #79090c #79090c #79090c #79090c;" bgcolor="#000000">
<TBODY>
<TR>
<TD bgcolor="#79090c" height="42"><FONT color="#ffffff">ここにコメントを書くことができます。（画像も挿入可能）</font></TD>
</TR>
<TR>
<TD bgcolor="#000000" height="310"> <div style="height:300px; width:500px; overflow-y:scroll;scrollbar-base-color: #79090c"><FONT color="#ffffff">ここに本文を書いてください<BR>
・
・
・
・
・
・
・
・
・
・
・
・
・
・
・
・
・
・
・
・
・
・
・
・
・
・
・
・
・
・
・
・
・
・
テスト</FONT></div></TD>
</TR>
</TBODY>
</TABLE>
各テーブルの色、横幅、高さを自由に変えることが可能です。
又、文字の色、スクロールバーの色も任意に変えることができるので挑戦してみてください。
© Rakuten Group, Inc.
