テキストボックスの色をかえる
表示の例
テキストボックスの色をかえることができます。
このテキストボックスのソースは下のようになります。
表示させたい場所のHTMLソースに貼り付けましょう。
(必ず一度メモ帳などに貼り付けてから、あなたのページのHTMLソースに貼り付けてください)
ソース
<FORM><TEXTAREA rows="5" cols="55" style="border-style:dotted; border-width:4px; border-color:#3366FF; background:#FFFFFF; font-size:10pt; color:#3366FF; scrollbar-face-color:#FFFFFF; scrollbar-track-color:#FFFFFF; scrollbar-arrow-color:#3366FF; scrollbar-highlight-color:#FFFFFF; scrollbar-shadow-color:#3366FF; scrollbar-3dlight-color:#3366FF; scrollbar-darkshadow-color:#FFFFFF">

       ♪ホームページお役立ち小技集

   □■□■□■□■ ヒット暦 ■□■□■□■□

・2002年 2月のヒット数 24780  885/日
・2002年 1月のヒット数 23385  754/日
・2001年12月のヒット数 19100  616/日
・2001年11月のヒット数 20854  695/日
・2001年10月のヒット数 20285  654/日

  ★2001年3月26日にサイトを開設しました★
</TEXTAREA>
</FORM>
下の表を見てあなたのお好みにかえてみましょう。
テキストボックスの外枠の形 border-style:dotted の dotted
I.E 5.5↑ I.E 5.5↑
テキストボックスの外枠の太さ border-width:4px; の 4
テキストボックスの外枠の色 border-color:#3366FF; の #3366FF
テキストボックスの背景の色 background:#FFFFFF; の #FFFFFF
テキストボックスの文字の大きさ font-size:10pt; の 10
テキストボックスの文字の色 color:#3366FF の #3366FF
スクロールバーの色もかえていますので、下の表を参考にどうぞ。( I.E. 5.5 ↑)
  
バーの表面の色 scrollbar-face-color:#FFFFFF;の#FFFFFF
バートラックの色 scrollbar-track-color:#FFFFFF;の#FFFFFF
矢印の色 scrollbar-arrow-color:#3366FF;の#3366FF
外枠の色1 scrollbar-highlight-color:#FFFFFF;の#FFFFFF
外枠の色2 scrollbar-shadow-color:#3366FF;の#3366FF
外枠の色3 scrollbar-3dlight-color:#3366FF;の#3366FF
外枠の色4 scrollbar-darkshadow-color:#FFFFFF;の#FFFFFF
ホームページお役立ち小技集のTOPへ