☆ テキストボックス ☆
テキスト ボックスを可愛い色に変えてみよう!
このタグを テキストボックスを挿入したい所にコピー&ペーストしてね
(タグ最下部のcolorは文字色です。 rows=行数 cols=桁数)
カラフル
ガ ラ ス
ミルキー
個性的
カラフルなテキストボックスたち
<TEXTAREA name="kowaza_form" rows="6" cols="34" style="font-size:9pt;font-family:Tahoma; border:double 4 #e4859d;/*フォームの枠の太さと色*/ scrollbar-face-color: #f0b9c7; /*スクロールバー本体の色*/ scrollbar-highlight-color: #cf4e6f; /*スクロールバー左側(上)の影*/ scrollbar-shadow-color: #cf4e6f; /*スクロールバー右側(上)の影*/ scrollbar-3dlight-color: #fffcf8; /*スクロールバーの左側(下)の影*/ scrollbar-arrow-color: #cf4e6f; /*矢印の色*/ scrollbar-track-color: #fffcf8; /*背面の色*/ scrollbar-darkshadow-color: #fffcf8;/*スクロールバー右側(下)の影*/ background-color: #fffcf8;color: #cc9999">ここに文章を記入</TEXTAREA>
<TEXTAREA name="kowaza_form" rows="6" cols="34" style="font-size:9pt;font-family:Tahoma; border:double 4 #eaa2b4;/*フォームの枠の太さと色*/ scrollbar-face-color: #edadbd; /*スクロールバー本体の色*/ scrollbar-highlight-color: #e895aa; /*スクロールバー左側(上)の影*/ scrollbar-shadow-color: #e895aa; /*スクロールバー右側(上)の影*/ scrollbar-3dlight-color: #fffcf8; /*スクロールバーの左側(下)の影*/ scrollbar-arrow-color: #d86d88; /*矢印の色*/ scrollbar-track-color: #fffcf8; /*背面の色*/ scrollbar-darkshadow-color: #fffcf8;/*スクロールバー右側(下)の影*/ background-color: #fffcf8;color: #cc9999">ここに文章を記入</TEXTAREA>
<TEXTAREA name="kowaza_form" rows="6" cols="34" style="font-size:9pt;font-family:Tahoma; border:double 4 #faa9ab;/*フォームの枠の太さと色*/ scrollbar-face-color:#ffd4d0; /*スクロールバー本体の色*/ scrollbar-highlight-color: #faa9ab; /*スクロールバー左側(上)の影*/ scrollbar-shadow-color: #faa9ab; /*スクロールバー右側(上)の影*/ scrollbar-3dlight-color: #fffcf8; /*スクロールバーの左側(下)の影*/ scrollbar-arrow-color: #faa9ab; /*矢印の色*/ scrollbar-track-color: #fffcf8; /*背面の色*/ scrollbar-darkshadow-color: #fffcf8;/*スクロールバー右側(下)の影*/ background-color:#fffcf8;color:#cc9999">ここに文章を記入</TEXTAREA>
<TEXTAREA name="kowaza_form" rows="6" cols="34" style="font-size:9pt;font-family:Tahoma; border:double 4 #f5d3bc;/*フォームの枠の太さと色*/ scrollbar-face-color:#f8e0d0; /*スクロールバー本体の色*/ scrollbar-highlight-color: #deb6b6; /*スクロールバー左側(上)の影*/ scrollbar-shadow-color: #deb6b6; /*スクロールバー右側(上)の影*/ scrollbar-3dlight-color: #fffcf8; /*スクロールバーの左側(下)の影*/ scrollbar-arrow-color: #deb6b6; /*矢印の色*/ scrollbar-track-color: #fffcf8; /*背面の色*/ scrollbar-darkshadow-color: #fffcf8;/*スクロールバー右側(下)の影*/ background-color:#fffcf8;color:#cc9999">ここに文章を記入</TEXTAREA>
<TEXTAREA name="kowaza_form" rows="6" cols="34" style="font-size:9pt;font-family:Tahoma; border:double 4 #e6b7c4;/*フォームの枠の太さと色*/ scrollbar-face-color:#f1d8df; /*スクロールバー本体の色*/ scrollbar-highlight-color: #e19dac; /*スクロールバー左側(上)の影*/ scrollbar-shadow-color: #e19dac; /*スクロールバー右側(上)の影*/ scrollbar-3dlight-color: #ffffff; /*スクロールバーの左側(下)の影*/ scrollbar-arrow-color: #e19dac; /*矢印の色*/ scrollbar-track-color: #ffffff; /*背面の色*/ scrollbar-darkshadow-color: #ffffff;/*スクロールバー右側(下)の影*/ background-color:#ffffff;color:#cd6587">ここに文章を記入</TEXTAREA>
<TEXTAREA name="kowaza_form" rows="6" cols="34" style="font-size:9pt;font-family:Tahoma; border:double 4 #d7ab84;/*フォームの枠の太さと色*/ scrollbar-face-color:#e8d1bb; /*スクロールバー本体の色*/ scrollbar-highlight-color: #d6a27e; /*スクロールバー左側(上)の影*/ scrollbar-shadow-color: #d6a27e; /*スクロールバー右側(上)の影*/ scrollbar-3dlight-color: #ffffff; /*スクロールバーの左側(下)の影*/ scrollbar-arrow-color: #d6a27e; /*矢印の色*/ scrollbar-track-color: #ffffff; /*背面の色*/ scrollbar-darkshadow-color: #ffffff;/*スクロールバー右側(下)の影*/ background-color:#ffffff;color:#bb798b">ここに文章を記入</TEXTAREA>
<TEXTAREA name="kowaza_form" rows="6" cols="34" style="font-size:9pt;font-family:Tahoma; border:double 4 #e3d5e3;/*フォームの枠の太さと色*/ scrollbar-face-color:#eae7ef; /*スクロールバー本体の色*/ scrollbar-highlight-color: #bdb1d6; /*スクロールバー左側(上)の影*/ scrollbar-shadow-color: #bdb1d6; /*スクロールバー右側(上)の影*/ scrollbar-3dlight-color: #fdfdff; /*スクロールバーの左側(下)の影*/ scrollbar-arrow-color: #bdb1d6; /*矢印の色*/ scrollbar-track-color: #fdfdff; /*背面の色*/ scrollbar-darkshadow-color: #fdfdff;/*スクロールバー右側(下)の影*/ background-color:#fdfdff;color:#666699">ここに文章を記入</TEXTAREA>
<TEXTAREA name="kowaza_form" rows="6" cols="34" style="font-size:9pt;font-family:Tahoma; border:double 4 #e8f0d8;/*フォームの枠の太さと色*/ scrollbar-face-color:#e8f0d8; /*スクロールバー本体の色*/ scrollbar-highlight-color: #b9d187; /*スクロールバー左側(上)の影*/ scrollbar-shadow-color: #b9d187; /*スクロールバー右側(上)の影*/ scrollbar-3dlight-color: #ffffff; /*スクロールバーの左側(下)の影*/ scrollbar-arrow-color: #b9d187; /*矢印の色*/ scrollbar-track-color: #ffffff; /*背面の色*/ scrollbar-darkshadow-color: #ffffff;/*スクロールバー右側(下)の影*/ background-color:#ffffff;color:#669966">ここに文章を記入</TEXTAREA>
<TEXTAREA name="kowaza_form" rows="6" cols="34" style="font-size:9pt;font-family:Tahoma; border:double 4 #f0caaa;/*フォームの枠の太さと色*/ scrollbar-face-color:#f0caaa; /*スクロールバー本体の色*/ scrollbar-highlight-color: #e2a470; /*スクロールバー左側(上)の影*/ scrollbar-shadow-color: #e2a470; /*スクロールバー右側(上)の影*/ scrollbar-3dlight-color: #fffdfb; /*スクロールバーの左側(下)の影*/ scrollbar-arrow-color: #e2a470; /*矢印の色*/ scrollbar-track-color: #fffdfb; /*背面の色*/ scrollbar-darkshadow-color: #fffdfb;/*スクロールバー右側(下)の影*/ background-color:#fffdfb;color:#ffb38e">ここに文章を記入</TEXTAREA>
<TEXTAREA name="kowaza_form" rows="6" cols="34" style="font-size:9pt;font-family:Tahoma; border:double 4 #f1e396;/*フォームの枠の太さと色*/ scrollbar-face-color:#faf4c0; /*スクロールバー本体の色*/ scrollbar-highlight-color: #f1e396; /*スクロールバー左側(上)の影*/ scrollbar-shadow-color: #f1e396; /*スクロールバー右側(上)の影*/ scrollbar-3dlight-color: #ffffff; /*スクロールバーの左側(下)の影*/ scrollbar-arrow-color: #f1e396; /*矢印の色*/ scrollbar-track-color: #ffffff; /*背面の色*/ scrollbar-darkshadow-color: #ffffff;/*スクロールバー右側(下)の影*/ background-color:#ffffff;color:#f8cd7e">ここに文章を記入</TEXTAREA>
ガラスみたいなテキストボックスたち
<TEXTAREA name="kowaza_form" rows="6" cols="34" style="font-size:9pt;font-family:Tahoma; border:double 4 #ff9999; /*フォームの枠の太さと色*/ scrollbar-face-color: #ffc1c1; /*スクロールバー本体の色*/ scrollbar-highlight-color: #ff9999; /*スクロールバー左側(上)の影*/ scrollbar-shadow-color: #ff9999; /*スクロールバー右側(上)の影*/ scrollbar-3dlight-color: #ffffff; /*スクロールバーの左側(下)の影*/ scrollbar-arrow-color: #fffcf8; /*矢印の色*/ scrollbar-track-color: #fffcf8; /*背面の色*/ scrollbar-darkshadow-color: #ffffff; /*スクロールバー右側(下)の影*/ background-color: #fffcf8; /*テキストボックス内部の色*/ color: #cc9999">ここに文章を記入</TEXTAREA>
<TEXTAREA name="kowaza_form" rows="6" cols="34" style="font-size:9pt;font-family:Tahoma; border:double 4 #ffb5b5; /*フォームの枠の太さと色*/ scrollbar-face-color: #ffd9d9; /*スクロールバー本体の色*/ scrollbar-highlight-color: #ff9999; /*スクロールバー左側(上)の影*/ scrollbar-shadow-color: #ff9999; /*スクロールバー右側(上)の影*/ scrollbar-3dlight-color: #ffffff; /*スクロールバーの左側(下)の影*/ scrollbar-arrow-color: #fffcf8; /*矢印の色*/ scrollbar-track-color: #fffcf8; /*背面の色*/ scrollbar-darkshadow-color: #ffffff; /*スクロールバー右側(下)の影*/ background-color: #fffcf8; /*テキストボックス内部の色*/ color: #cc9999">ここに文章を記入</TEXTAREA>
<TEXTAREA name="kowaza_form" rows="6" cols="34" style="font-size:9pt;font-family:Tahoma; border:double 4 #ffd2d2; /*フォームの枠の太さと色*/ scrollbar-face-color: #ffe5dd; /*スクロールバー本体の色*/ scrollbar-highlight-color: #ffd2d2; /*スクロールバー左側(上)の影*/ scrollbar-shadow-color: #ffd2d2; /*スクロールバー右側(上)の影*/ scrollbar-3dlight-color: #ffffff; /*スクロールバーの左側(下)の影*/ scrollbar-arrow-color: #fffcf8; /*矢印の色*/ scrollbar-track-color: #fffcf8; /*背面の色*/ scrollbar-darkshadow-color: #ffffff;/*スクロールバー右側(下)の影*/ background-color: #fffcf8; /*テキストボックス内部の色*/ color: #cc9999">ここに文章を記入</TEXTAREA>
<TEXTAREA name="kowaza_form" rows="6" cols="34" style="font-size:9pt;font-family:Tahoma; border:double 4 #ffd2d2; /*フォームの枠の太さと色*/ scrollbar-face-color: #ffecec; /*スクロールバー本体の色*/ scrollbar-highlight-color: #ffcece; /*スクロールバー左側(上)の影*/ scrollbar-shadow-color: #ffcece; /*スクロールバー右側(上)の影*/ scrollbar-3dlight-color: #ffffff; /*スクロールバーの左側(下)の影*/ scrollbar-arrow-color: #ffffff; /*矢印の色*/ scrollbar-track-color: #fffcf8; /*背面の色*/ scrollbar-darkshadow-color: #ffffff;/*スクロールバー右側(下)の影*/ background-color: #fffcf8; /*テキストボックス内部の色*/ color: #cc9999">ここに文章を記入</TEXTAREA>
<TEXTAREA name="kowaza_form" rows="6" cols="34" style="font-size:9pt;font-family:Tahoma; border:double 4 #e6b7c4; /*フォームの枠の太さと色*/ scrollbar-face-color: #f4e3e9; /*スクロールバー本体の色*/ scrollbar-highlight-color: #e6b7c4; /*スクロールバー左側(上)の影*/ scrollbar-shadow-color: #e6b7c4; /*スクロールバー右側(上)の影*/ scrollbar-3dlight-color: #ffffff; /*スクロールバーの左側(下)の影*/ scrollbar-arrow-color: #ffffff; /*矢印の色*/ scrollbar-track-color: #fdf9fa; /*背面の色*/ scrollbar-darkshadow-color: #ffffff; /*スクロールバー右側(下)の影*/ background-color: #fdf9fa; /*テキストボックス内部の色*/ color: #cd6587">ここに文章を記入</TEXTAREA>
<TEXTAREA name="kowaza_form" rows="6" cols="34" style="font-size:9pt;font-family:Tahoma; border:double 4 #d7ab84; /*フォームの枠の太さと色*/ scrollbar-face-color: #e8d1bb; /*スクロールバー本体の色*/ scrollbar-highlight-color: #d0a273; /*スクロールバー左側(上)の影*/ scrollbar-shadow-color: #d0a273; /*スクロールバー右側(上)の影*/ scrollbar-3dlight-color: #ffffff; /*スクロールバーの左側(下)の影*/ scrollbar-arrow-color: #ffffff; /*矢印の色*/ scrollbar-track-color: #fffdfb; /*背面の色*/ scrollbar-darkshadow-color: #ffffff; /*スクロールバー右側(下)の影*/ background-color: #fffdfb; /*テキストボックス内部の色*/ color: #bb798b">ここに文章を記入</TEXTAREA>
<TEXTAREA name="kowaza_form" rows="6" cols="34" style="font-size:9pt;font-family:Tahoma; border:double 4 #d8d8eb; /*フォームの枠の太さと色*/ scrollbar-face-color: #e6dfff; /*スクロールバー本体の色*/ scrollbar-highlight-color: #d8d8eb; /*スクロールバー左側(上)の影*/ scrollbar-shadow-color: #d8d8eb; /*スクロールバー右側(上)の影*/ scrollbar-3dlight-color: #ffffff; /*スクロールバーの左側(下)の影*/ scrollbar-arrow-color: #fdfdff; /*矢印の色*/ scrollbar-track-color: #fdfdff; /*背面の色*/ scrollbar-darkshadow-color: #ffffff;/*スクロールバー右側(下)の影*/ background-color: #fdfdff; /*テキストボックス内部の色*/ color: #666699">ここに文章を記入</TEXTAREA>
<TEXTAREA name="kowaza_form" rows="6" cols="34" style="font-size:9pt;font-family:Tahoma; border:double 4 #d5dcf2; /*フォームの枠の太さと色*/ scrollbar-face-color: #e8ecf8; /*スクロールバー本体の色*/ scrollbar-highlight-color: #d5dcf2; /*スクロールバー左側(上)の影*/ scrollbar-shadow-color: #d5dcf2; /*スクロールバー右側(上)の影*/ scrollbar-3dlight-color: #ffffff; /*スクロールバーの左側(下)の影*/ scrollbar-arrow-color: #ffffff; /*矢印の色*/ scrollbar-track-color: #fdfdff; /*背面の色*/ scrollbar-darkshadow-color: #ffffff; /*スクロールバー右側(下)の影*/ background-color: #fdfdff; /*テキストボックス内部の色*/ color: #666699">ここに文章を記入</TEXTAREA>
<TEXTAREA name="kowaza_form" rows="6" cols="34" style="font-size:9pt;font-family:Tahoma; border:double 4 #dbe4be; /*フォームの枠の太さと色*/ scrollbar-face-color: #eaefd8; /*スクロールバー本体の色*/ scrollbar-highlight-color: #dbe4be; /*スクロールバー左側(上)の影*/ scrollbar-shadow-color: #dbe4be; /*スクロールバー右側(上)の影*/ scrollbar-3dlight-color: #ffffff; /*スクロールバーの左側(下)の影*/ scrollbar-arrow-color: #ffffff; /*矢印の色*/ scrollbar-track-color: #ffffff; /*背面の色*/ scrollbar-darkshadow-color: #ffffff; /*スクロールバー右側(下)の影*/ background-color: #ffffff; /*テキストボックス内部の色*/ color: #669966">ここに文章を記入</TEXTAREA>
<TEXTAREA name="kowaza_form" rows="6" cols="34" style="font-size:9pt;font-family:Tahoma; border:double 4 #e8f0d8; /*フォームの枠の太さと色*/ scrollbar-face-color: #e8f0d8; /*スクロールバー本体の色*/ scrollbar-highlight-color: #e0e8c8; /*スクロールバー左側(上)の影*/ scrollbar-shadow-color: #e0e8c8; /*スクロールバー右側(上)の影*/ scrollbar-3dlight-color: #ffffff; /*スクロールバーの左側(下)の影*/ scrollbar-arrow-color: #ffffff; /*矢印の色*/ scrollbar-track-color: #ffffff; /*背面の色*/ scrollbar-darkshadow-color: #ffffff; /*スクロールバー右側(下)の影*/ background-color: #ffffff; /*テキストボックス内部の色*/ color: #669966">ここに文章を記入</TEXTAREA>
<TEXTAREA name="kowaza_form" rows="6" cols="34" style="font-size:9pt;font-family:Tahoma; border:double 4 #ffde5b; /*フォームの枠の太さと色*/ scrollbar-face-color: #fff2ac; /*スクロールバー本体の色*/ scrollbar-highlight-color: #ffde5b; /*スクロールバー左側(上)の影*/ scrollbar-shadow-color: #ffde5b; /*スクロールバー右側(上)の影*/ scrollbar-3dlight-color: #ffffff; /*スクロールバーの左側(下)の影*/ scrollbar-arrow-color: #ffde5b; /*矢印の色*/ scrollbar-track-color: #fffdfb; /*背面の色*/ scrollbar-darkshadow-color: #ffffff; /*スクロールバー右側(下)の影*/ background-color: #fffdfb; /*テキストボックス内部の色*/ color: #ff9966">ここに文章を記入</TEXTAREA>
<TEXTAREA name="kowaza_form" rows="6" cols="34" style="font-size:9pt;font-family:Tahoma; border:double 4 #fceb12; /*フォームの枠の太さと色*/ scrollbar-face-color: #fefac5; /*スクロールバー本体の色*/ scrollbar-highlight-color: #fceb12; /*スクロールバー左側(上)の影*/ scrollbar-shadow-color: #fceb12; /*スクロールバー右側(上)の影*/ scrollbar-3dlight-color: #ffffff; /*スクロールバーの左側(下)の影*/ scrollbar-arrow-color: #fceb12; /*矢印の色*/ scrollbar-track-color: #ffffff; /*背面の色*/ scrollbar-darkshadow-color: #ffffff; /*スクロールバー右側(下)の影*/ background-color: #ffffff; /*テキストボックス内部の色*/ color: #ffb38e">ここに文章を記入</TEXTAREA>
ミルキーテイストなテキストボックスたち
<TEXTAREA name="kowaza_form" rows="6" cols="34" style="font-size:9pt;font-family:Tahoma; border:double 4 #e4859d; /*フォームの枠の太さと色*/ scrollbar-face-color: #e4859d; /*スクロールバー本体の色*/ scrollbar-highlight-color: #e4859d; /*スクロールバー左側(上)の影*/ scrollbar-shadow-color: #e4859d; /*スクロールバー右側(上)の影*/ scrollbar-3dlight-color: #cf4e6f; /*スクロールバーの左側(下)の影*/ scrollbar-arrow-color: #cf4e6f; /*矢印の色*/ scrollbar-track-color: #fffcf8; /*背面の色*/ scrollbar-darkshadow-color: #cf4e6f; /*スクロールバー右側(下)の影*/ background-color: #fffcf8; /*テキストボックス内部の色*/ color: #cc9999">ここに文章を記入</TEXTAREA>
<TEXTAREA name="kowaza_form" rows="6" cols="34" style="font-size:9pt;font-family:Tahoma; border:double 4 #ffd2d2; /*フォームの枠の太さと色*/ scrollbar-face-color: #ffd4d0; /*スクロールバー本体の色*/ scrollbar-highlight-color: #ffd4d0; /*スクロールバー左側(上)の影*/ scrollbar-shadow-color: #ffd4d0; /*スクロールバー右側(上)の影*/ scrollbar-3dlight-color: #faa9ab; /*スクロールバーの左側(下)の影*/ scrollbar-arrow-color: #faa9ab; /*矢印の色*/ scrollbar-track-color: #fffcf8; /*背面の色*/ scrollbar-darkshadow-color: #faa9ab; /*スクロールバー右側(下)の影*/ background-color: #fffcf8; /*テキストボックス内部の色*/ color: #cc9999">ここに文章を記入</TEXTAREA>
<TEXTAREA name="kowaza_form" rows="6" cols="34" style="font-size:9pt;font-family:Tahoma; border:double 4 #e6b7c4; /*フォームの枠の太さと色*/ scrollbar-face-color: #f1d8df; /*スクロールバー本体の色*/ scrollbar-highlight-color: #f1d8df; /*スクロールバー左側(上)の影*/ scrollbar-shadow-color: #f1d8df; /*スクロールバー右側(上)の影*/ scrollbar-3dlight-color: #e19dac; /*スクロールバーの左側(下)の影*/ scrollbar-arrow-color: #e19dac; /*矢印の色*/ scrollbar-track-color: #ffffff; /*背面の色*/ scrollbar-darkshadow-color: #e19dac; /*スクロールバー右側(下)の影*/ background-color: #ffffff; /*テキストボックス内部の色*/ color: #cd6587">ここに文章を記入</TEXTAREA>
<TEXTAREA name="kowaza_form" rows="6" cols="34" style="font-size:9pt;font-family:Tahoma; border:double 4 #d7ab84; /*フォームの枠の太さと色*/ scrollbar-face-color: #e8d1bb; /*スクロールバー本体の色*/ scrollbar-highlight-color: #e8d1bb; /*スクロールバー左側(上)の影*/ scrollbar-shadow-color: #e8d1bb; /*スクロールバー右側(上)の影*/ scrollbar-3dlight-color: #d6a27e; /*スクロールバーの左側(下)の影*/ scrollbar-arrow-color: #d6a27e; /*矢印の色*/ scrollbar-track-color: #ffffff; /*背面の色*/ scrollbar-darkshadow-color: #d6a27e; /*スクロールバー右側(下)の影*/ background-color: #ffffff; /*テキストボックス内部の色*/ color: #bb798b">ここに文章を記入</TEXTAREA>
<TEXTAREA name="kowaza_form" rows="6" cols="34" style="font-size:9pt;font-family:Tahoma; border:double 4 #e3d5e3; /*フォームの枠の太さと色*/ scrollbar-face-color: #eae7ef; /*スクロールバー本体の色*/ scrollbar-highlight-color: #eae7ef; /*スクロールバー左側(上)の影*/ scrollbar-shadow-color: #eae7ef; /*スクロールバー右側(上)の影*/ scrollbar-3dlight-color: #bdb1d6; /*スクロールバーの左側(下)の影*/ scrollbar-arrow-color: #bdb1d6; /*矢印の色*/ scrollbar-track-color: #fdfdff; /*背面の色*/ scrollbar-darkshadow-color: #bdb1d6; /*スクロールバー右側(下)の影*/ background-color: #fdfdff; /*テキストボックス内部の色*/ color: #666699">ここに文章を記入</TEXTAREA>
<TEXTAREA name="kowaza_form" rows="6" cols="34" style="font-size:9pt;font-family:Tahoma; border:double 4 #e8f0d8; /*フォームの枠の太さと色*/ scrollbar-face-color: #e8f0d8; /*スクロールバー本体の色*/ scrollbar-highlight-color: #e8f0d8; /*スクロールバー左側(上)の影*/ scrollbar-shadow-color: #e8f0d8; /*スクロールバー右側(上)の影*/ scrollbar-3dlight-color: #b9d187; /*スクロールバーの左側(下)の影*/ scrollbar-arrow-color: #b9d187; /*矢印の色*/ scrollbar-track-color: #ffffff; /*背面の色*/ scrollbar-darkshadow-color: #b9d187; /*スクロールバー右側(下)の影*/ background-color: #ffffff; /*テキストボックス内部の色*/ color: #669966">ここに文章を記入</TEXTAREA>
<TEXTAREA name="kowaza_form" rows="6" cols="34" style="font-size:9pt;font-family:Tahoma; border:double 4 #f0caaa; /*フォームの枠の太さと色*/ scrollbar-face-color: #f0caaa; /*スクロールバー本体の色*/ scrollbar-highlight-color: #f0caaa; /*スクロールバー左側(上)の影*/ scrollbar-shadow-color: #f0caaa; /*スクロールバー右側(上)の影*/ scrollbar-3dlight-color: #e2a470; /*スクロールバーの左側(下)の影*/ scrollbar-arrow-color: #e2a470; /*矢印の色*/ scrollbar-track-color: #fffdfb; /*背面の色*/ scrollbar-darkshadow-color: #e2a470; /*スクロールバー右側(下)の影*/ background-color: #fffdfb; /*テキストボックス内部の色*/ color: #ffb38e">ここに文章を記入</TEXTAREA>
<TEXTAREA name="kowaza_form" rows="6" cols="34" style="font-size:9pt;font-family:Tahoma; border:double 4 #f1e396; /*フォームの枠の太さと色*/ scrollbar-face-color: #faf4c0; /*スクロールバー本体の色*/ scrollbar-highlight-color: #faf4c0; /*スクロールバー左側(上)の影*/ scrollbar-shadow-color: #faf4c0; /*スクロールバー右側(上)の影*/ scrollbar-3dlight-color: #f1e396; /*スクロールバーの左側(下)の影*/ scrollbar-arrow-color: #f1e396; /*矢印の色*/ scrollbar-track-color: #ffffff; /*背面の色*/ scrollbar-darkshadow-color: #f1e396; /*スクロールバー右側(下)の影*/ background-color: #ffffff; /*テキストボックス内部の色*/ color: #f8cd7e">ここに文章を記入</TEXTAREA>
個性的なテキストボックスたち
<TEXTAREA name="kowaza_form" rows="6" cols="34" style="font-size:9pt;font-family:Tahoma; border:double 4 #e4859d;/*フォームの枠の太さと色*/ scrollbar-face-color:#e4859d; /*スクロールバー本体の色*/ scrollbar-highlight-color: #fffcf8; /*スクロールバー左側(上)の影*/ scrollbar-shadow-color: #fffcf8; /*スクロールバー右側(上)の影*/ scrollbar-3dlight-color: #e4859d; /*スクロールバーの左側(下)の影*/ scrollbar-arrow-color: #fffcf8; /*矢印の色*/ scrollbar-track-color: #fffcf8; /*背面の色*/ scrollbar-darkshadow-color: #e4859d;/*スクロールバー右側(下)の影*/ background-color:#fffcf8;color:#cc9999">ここに文章を記入</TEXTAREA>
<TEXTAREA name="kowaza_form" rows="6" cols="34" style="font-size:9pt;font-family:Tahoma; border:double 4 #eaa2b4;/*フォームの枠の太さと色*/ scrollbar-face-color: #edadbd; /*スクロールバー本体の色*/ scrollbar-highlight-color: #fffcf8; /*スクロールバー左側(上)の影*/ scrollbar-shadow-color: #fffcf8; /*スクロールバー右側(上)の影*/ scrollbar-3dlight-color: #edadbd; /*スクロールバーの左側(下)の影*/ scrollbar-arrow-color: #fffcf8; /*矢印の色*/ scrollbar-track-color: #fffcf8; /*背面の色*/ scrollbar-darkshadow-color: #edadbd;/*スクロールバー右側(下)の影*/ background-color: #fffcf8;color: #cc9999">ここに文章を記入</TEXTAREA>
<TEXTAREA name="kowaza_form" rows="6" cols="34" style="font-size:9pt;font-family:Tahoma; border:double 4 #faa9ab;/*フォームの枠の太さと色*/ scrollbar-face-color:#ffd4d0; /*スクロールバー本体の色*/ scrollbar-highlight-color: #fffcf8; /*スクロールバー左側(上)の影*/ scrollbar-shadow-color: #fffcf8; /*スクロールバー右側(上)の影*/ scrollbar-3dlight-color: #ffd4d0; /*スクロールバーの左側(下)の影*/ scrollbar-arrow-color: #fffcf8; /*矢印の色*/ scrollbar-track-color: #fffcf8; /*背面の色*/ scrollbar-darkshadow-color: #ffd4d0;/*スクロールバー右側(下)の影*/ background-color:#fffcf8;color:#cc9999">ここに文章を記入</TEXTAREA>
<TEXTAREA name="kowaza_form" rows="6" cols="34" style="font-size:9pt;font-family:Tahoma; border:double 4 #f5d3bc;/*フォームの枠の太さと色*/ scrollbar-face-color:#f4cfb7; /*スクロールバー本体の色*/ scrollbar-highlight-color: #fffcf8; /*スクロールバー左側(上)の影*/ scrollbar-shadow-color: #fffcf8; /*スクロールバー右側(上)の影*/ scrollbar-3dlight-color: #f4cfb7; /*スクロールバーの左側(下)の影*/ scrollbar-arrow-color: #fffcf8; /*矢印の色*/ scrollbar-track-color: #fffcf8; /*背面の色*/ scrollbar-darkshadow-color: #f4cfb7;/*スクロールバー右側(下)の影*/ background-color:#fffcf8;color:#cc9999">ここに文章を記入</TEXTAREA>
<TEXTAREA name="kowaza_form" rows="6" cols="34" style="font-size:9pt;font-family:Tahoma; border:double 4 #e6b7c4;/*フォームの枠の太さと色*/ scrollbar-face-color:#f1d8df; /*スクロールバー本体の色*/ scrollbar-highlight-color: #ffffff; /*スクロールバー左側(上)の影*/ scrollbar-shadow-color: #ffffff; /*スクロールバー右側(上)の影*/ scrollbar-3dlight-color: #f1d8df; /*スクロールバーの左側(下)の影*/ scrollbar-arrow-color: #ffffff; /*矢印の色*/ scrollbar-track-color: #ffffff; /*背面の色*/ scrollbar-darkshadow-color: #f1d8df;/*スクロールバー右側(下)の影*/ background-color:#ffffff;color:#cd6587">ここに文章を記入</TEXTAREA>
<TEXTAREA name="kowaza_form" rows="6" cols="34" style="font-size:9pt;font-family:Tahoma; border:double 4 #e0c2a5;/*フォームの枠の太さと色*/ scrollbar-face-color:#e0c2a5; /*スクロールバー本体の色*/ scrollbar-highlight-color: #ffffff; /*スクロールバー左側(上)の影*/ scrollbar-shadow-color: #ffffff; /*スクロールバー右側(上)の影*/ scrollbar-3dlight-color: #e0c2a5; /*スクロールバーの左側(下)の影*/ scrollbar-arrow-color: #ffffff; /*矢印の色*/ scrollbar-track-color: #ffffff; /*背面の色*/ scrollbar-darkshadow-color: #e0c2a5;/*スクロールバー右側(下)の影*/ background-color:#ffffff;color:#bb798b">ここに文章を記入</TEXTAREA>
<TEXTAREA name="kowaza_form" rows="6" cols="34" style="font-size:9pt;font-family:Tahoma; border:double 4 #e3d5e3;/*フォームの枠の太さと色*/ scrollbar-face-color:#e3d5e3; /*スクロールバー本体の色*/ scrollbar-highlight-color: #fdfdff; /*スクロールバー左側(上)の影*/ scrollbar-shadow-color: #fdfdff; /*スクロールバー右側(上)の影*/ scrollbar-3dlight-color: #e3d5e3; /*スクロールバーの左側(下)の影*/ scrollbar-arrow-color: #fdfdff; /*矢印の色*/ scrollbar-track-color: #fdfdff; /*背面の色*/ scrollbar-darkshadow-color: #e3d5e3;/*スクロールバー右側(下)の影*/ background-color:#fdfdff;color:#666699">ここに文章を記入</TEXTAREA>
<TEXTAREA name="kowaza_form" rows="6" cols="34" style="font-size:9pt;font-family:Tahoma; border:double 4 #dbe4be;/*フォームの枠の太さと色*/ scrollbar-face-color:#dbe4be; /*スクロールバー本体の色*/ scrollbar-highlight-color: #ffffff; /*スクロールバー左側(上)の影*/ scrollbar-shadow-color: #ffffff; /*スクロールバー右側(上)の影*/ scrollbar-3dlight-color: #dbe4be; /*スクロールバーの左側(下)の影*/ scrollbar-arrow-color: #ffffff; /*矢印の色*/ scrollbar-track-color: #ffffff; /*背面の色*/ scrollbar-darkshadow-color: #dbe4be;/*スクロールバー右側(下)の影*/ background-color:#ffffff;color:#669966">ここに文章を記入</TEXTAREA>
<TEXTAREA name="kowaza_form" rows="6" cols="34" style="font-size:9pt;font-family:Tahoma; border:double 4 #f0caaa;/*フォームの枠の太さと色*/ scrollbar-face-color:#f0caaa; /*スクロールバー本体の色*/ scrollbar-highlight-color: #fffdfb; /*スクロールバー左側(上)の影*/ scrollbar-shadow-color: #fffdfb; /*スクロールバー右側(上)の影*/ scrollbar-3dlight-color: #f0caaa; /*スクロールバーの左側(下)の影*/ scrollbar-arrow-color: #fffdfb; /*矢印の色*/ scrollbar-track-color: #fffdfb; /*背面の色*/ scrollbar-darkshadow-color: #f0caaa;/*スクロールバー右側(下)の影*/ background-color:#fffdfb;color:#ffb38e">ここに文章を記入</TEXTAREA>
<TEXTAREA name="kowaza_form" rows="6" cols="34" style="font-size:9pt;font-family:Tahoma; border:double 4 #f1e396;/*フォームの枠の太さと色*/ scrollbar-face-color:#f1e396; /*スクロールバー本体の色*/ scrollbar-highlight-color: #ffffff; /*スクロールバー左側(上)の影*/ scrollbar-shadow-color: #ffffff; /*スクロールバー右側(上)の影*/ scrollbar-3dlight-color: #f1e396; /*スクロールバーの左側(下)の影*/ scrollbar-arrow-color: #ffffff; /*矢印の色*/ scrollbar-track-color: #ffffff; /*背面の色*/ scrollbar-darkshadow-color: #f1e396;/*スクロールバー右側(下)の影*/ background-color:#ffffff;color:#f8cd7e">ここに文章を記入</TEXTAREA>
テキストボックスの枠を点々にするのも素敵!
<TEXTAREA name="kowaza_form" rows="6" cols="34" style="font-size:9pt;font-family:Tahoma; border-top: #deb6b6 2px dotted; /*テキストボックス点の色・点の大きさ(上)*/ border-right: #deb6b6 2px dotted; /*テキストボックス点の色・点の大きさ(右)*/ border-left: #deb6b6 2px dotted; /*テキストボックス点の色・点の大きさ(左)*/ border-bottom: #deb6b6 2px dotted; /*テキストボックス点の色・点の大きさ(下)*/ scrollbar-face-color:#f8e0d0; /*スクロールバー本体の色*/ scrollbar-highlight-color: #deb6b6; /*スクロールバー左側(上)の影*/ scrollbar-shadow-color: #deb6b6; /*スクロールバー右側(上)の影*/ scrollbar-3dlight-color: #fffcf8; /*スクロールバーの左側(下)の影*/ scrollbar-arrow-color: #deb6b6; /*矢印の色*/ scrollbar-track-color: #fffcf8; /*背面の色*/ scrollbar-darkshadow-color: #fffcf8;/*スクロールバー右側(下)の影*/ background-color:#fffcf8;color:#cc9999">ここに文章を記入</TEXTAREA>
<TEXTAREA name="kowaza_form" rows="6" cols="34" style="font-size:9pt;font-family:Tahoma; border-top: #deb6b6 2px dotted; /*テキストボックス点の色・点の大きさ(上)*/ border-right: #deb6b6 2px dotted; /*テキストボックス点の色・点の大きさ(右)*/ border-left: #deb6b6 2px dotted; /*テキストボックス点の色・点の大きさ(左)*/ border-bottom: #deb6b6 2px dotted; /*テキストボックス点の色・点の大きさ(下)*/ scrollbar-face-color:#eccdb9; /*スクロールバー本体の色*/ scrollbar-highlight-color: #fffcf8; /*スクロールバー左側(上)の影*/ scrollbar-shadow-color: #fffcf8; /*スクロールバー右側(上)の影*/ scrollbar-3dlight-color: #eccdb9; /*スクロールバーの左側(下)の影*/ scrollbar-arrow-color: #fffcf8; /*矢印の色*/ scrollbar-track-color: #fffcf8; /*背面の色*/ scrollbar-darkshadow-color: #eccdb9;/*スクロールバー右側(下)の影*/ background-color:#fffcf8;color:#cc9999">ここに文章を記入</TEXTAREA>
シンプルなテキストボックスも素敵!
<TEXTAREA name="kowaza_form" rows="6" cols="34" style="font-size:9pt;font-family:Tahoma; border:double 1 #d8d8eb; /*フォームの枠の太さと色*/ scrollbar-face-color: #e4e4f1; /*スクロールバー本体の色*/ scrollbar-highlight-color: #e4e4f1; /*スクロールバー左側(上)の影*/ scrollbar-shadow-color: #e4e4f1; /*スクロールバー右側(上)の影*/ scrollbar-3dlight-color: #e4e4f1; /*スクロールバーの左側(下)の影*/ scrollbar-arrow-color: #ffffff; /*矢印の色*/ scrollbar-track-color: #e4e4f1; /*背面の色*/ scrollbar-darkshadow-color: #e4e4f1;/*スクロールバー右側(下)の影*/ background-color: #e4e4f1; /*テキストボックス内部の色*/ color: #666699">ここに文章を記入</TEXTAREA>
<TEXTAREA name="kowaza_form" rows="6" cols="34" style="font-size:9pt;font-family:Tahoma; border:double 1 #cbcbe4; /*フォームの枠の太さと色*/ scrollbar-face-color: #d8d8eb; /*スクロールバー本体の色*/ scrollbar-highlight-color: #d8d8eb; /*スクロールバー左側(上)の影*/ scrollbar-shadow-color: #d8d8eb; /*スクロールバー右側(上)の影*/ scrollbar-3dlight-color: #d8d8eb; /*スクロールバーの左側(下)の影*/ scrollbar-arrow-color: #ffffff; /*矢印の色*/ scrollbar-track-color: #d8d8eb; /*背面の色*/ scrollbar-darkshadow-color: #d8d8eb; /*スクロールバー右側(下)の影*/ background-color: #d8d8eb; /*テキストボックス内部の色*/ color: #ffffff">ここに文章を記入</TEXTAREA>
テキストボックス内部に画像を指定する場合、
background : url(●●.gif)を追加。
●●.gifの部分に画像を指定してください。
<TEXTAREA name="kowaza_form" rows="6" cols="34" style="font-size:9pt;font-family:Tahoma; background : url(●●.gif); border:double 4 #dbe4be; /*フォームの枠の太さと色*/ scrollbar-face-color: #eaefd8; /*スクロールバー本体の色*/ scrollbar-highlight-color: #dbe4be; /*スクロールバー左側(上)の影*/ scrollbar-shadow-color: #dbe4be; /*スクロールバー右側(上)の影*/ scrollbar-3dlight-color: #ffffff; /*スクロールバーの左側(下)の影*/ scrollbar-arrow-color: #ffffff; /*矢印の色*/ scrollbar-track-color: #ffffff; /*背面の色*/ scrollbar-darkshadow-color: #ffffff; /*スクロールバー右側(下)の影*/ background-color: #ffffff; /*テキストボックス内部の色(画像が表示されなかった場合に適用されます)*/ color: #669966">ここに文章を記入</TEXTAREA>
テキストボックス内部の画像を固定したい場合は、
background : url(●●.gif) fixedを追加。
<TEXTAREA name="kowaza_form" rows="6" cols="34" style="font-size:9pt;font-family:Tahoma; background : url(●●.gif) fixed; border:double 4 #dbe4be; /*フォームの枠の太さと色*/ scrollbar-face-color: #eaefd8; /*スクロールバー本体の色*/ scrollbar-highlight-color: #dbe4be; /*スクロールバー左側(上)の影*/ scrollbar-shadow-color: #dbe4be; /*スクロールバー右側(上)の影*/ scrollbar-3dlight-color: #ffffff; /*スクロールバーの左側(下)の影*/ scrollbar-arrow-color: #ffffff; /*矢印の色*/ scrollbar-track-color: #ffffff; /*背面の色*/ scrollbar-darkshadow-color: #ffffff; /*スクロールバー右側(下)の影*/ background-color: #ffffff; /*テキストボックス内部の色(画像が表示されなかった場合に適用されます)*/ color: #669966">ここに文章を記入</TEXTAREA>
テキストボックスの上にカーソルが乗ると、
テキストボックス内の文字が選択されます。
<TEXTAREA name="kowaza_form" rows="6" cols="34" onmouseover="this.focus()" onfocus="this.select()" style="font-size:9pt;font-family:Tahoma; border:double 4 #d8d8eb; /*フォームの枠の太さと色*/ scrollbar-face-color: #e6dfff; /*スクロールバー本体の色*/ scrollbar-highlight-color: #d8d8eb; /*スクロールバー左側(上)の影*/ scrollbar-shadow-color: #d8d8eb; /*スクロールバー右側(上)の影*/ scrollbar-3dlight-color: #ffffff; /*スクロールバーの左側(下)の影*/ scrollbar-arrow-color: #fdfdff; /*矢印の色*/ scrollbar-track-color: #fdfdff; /*背面の色*/ scrollbar-darkshadow-color: #ffffff;/*スクロールバー右側(下)の影*/ background-color: #fdfdff; /*テキストボックス内部の色*/ color: #666699">ここに文章を記入</TEXTAREA>
Copyright (C) 2001-2014.
Various Colors
. All rights reserved.