テキストボックスの背景に画像を使う
表示の例
テキストボックスの背景にお好きな画像を選べます。
このテキストボックスのソースは下のようになります。
表示させたい場所のHTMLソースに貼り付けましょう。
(必ず一度メモ帳などに貼り付けてから、あなたのページのHTMLソースに貼り付けてください)
ソース
<FORM><TEXTAREA rows="5" cols="55" style="font-size: 10pt; color: #3366FF; background-image: url('images/back4.gif'); background-attachment: fixed; 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; border: 4px dotted #3366FF">

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

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

・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: 4px dotted #3366FF の dotted
I.E 5.5↑ I.E 5.5↑
テキストボックスの外枠の太さ border: 4px dotted #3366FF の 4
テキストボックスの外枠の色 border: 4px dotted #3366FF の #3366FF
テキストボックスの背景の画像 background-image: url('images/back4.gif') の images/back4.gif
テキストボックスの文字の大きさ 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へ