テキストボックス　

【 テキストボックス 】

テキストボックスとはこれです↓

タグはこちらです↓コピーペーストして<BODY>〜</BODY>に入れて使ってください。
<TEXTAREA rows="5" cols="32" style="font-size:9pt;
border:double 4 #FFCC99;
scrollbar-face-color:#FFFFFF;
scrollbar-highlight-color: #FFCC99;
scrollbar-shadow-color: #FFCC99;
scrollbar-3dlight-color: #FFFFFF;
scrollbar-arrow-color: #FFCC99;
scrollbar-track-color: #FFFFFF;
scrollbar-darkshadow-color: #FFFFFF;
background-color:#FFFFFF;color:#CC9933">
ここに好きな文字を入れて使ってくださいね。
</TEXTAREA>

【 テキストボックスのタグの説明 】

rowsは縦の長さ。数字を大きくすると縦に長くなります。
colsは横の長さ。数字を大きくすると横に長くなります。
font-size:9ptの数字を変えると文字の大きさが変わります。

border:double 4の数字を変えるとどうなるかはご自分で試してみてください。
border:double 4のあとの「#FFCC99」は枠線の色です。
background-color:#FFFFFFはテキストボックスの背景色。
最後のcolor:#CC9933"は文字の色です。

ちなみにテキストボックスのスクロールバーもページのスクロールバーと同じ色で
使う場合はscrollbarと書いてあるタグ部分を消してください。
このような感じのタグになります。
↓
<TEXTAREA rows="5" cols="32" style="font-size:9pt;
border:double 4 #FFCC99;
background-color:#FFFFFF;color:#CC9933">
ここに好きな文字を入れて使ってくださいね。
</TEXTAREA>

【 ちょっと可愛いテキストボックス 】

こちらのテキストボックスはふちをドットにしてます。
タグ内のborder:dotted 3の数字を変えるとドットのサイズが変わります。
border:dotted 3のあとの「#FFCC99」はふちのドットの色です。



タグはこちらです↓コピーペーストして<BODY>〜</BODY>に入れて使ってください。
<TEXTAREA rows="5" cols="32" style="font-size:9pt;
border:dotted 3 #FFCC99;
scrollbar-face-color:#FFFFFF;
scrollbar-highlight-color: #FFCC99;
scrollbar-shadow-color: #FFCC99;
scrollbar-3dlight-color: #FFFFFF;
scrollbar-arrow-color: #FFCC99;
scrollbar-track-color: #FFFFFF;
scrollbar-darkshadow-color: #FFFFFF;
background-color:#FFFFFF;color:#CC9933">
ここに好きな文字を入れて使ってくださいね。
</TEXTAREA>