ホームページWeb

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>

各テーブルの色、横幅、高さを自由に変えることが可能です。

又、文字の色、スクロールバーの色も任意に変えることができるので挑戦してみてください。

ジャンル別一覧