テキストエリアテンプレート - クール

Text Area Tmplate

45種類のシンプルなテキストエリアテンプレート。コピー＆ペーストでカンタンに使えるタグ素材集です。文章やリンクを入れるだけでホームページが完成してしまう便利なものです。

テキストエリアテンプレート - 45種類

ホームページ作成時の『チョッ』としたアクセントに、テキストエリアテンプレートを使ってみてはいかがでしょうか？テキストエリアをご利用の際は、必ずリンクをお願いします。

<!--＊　はじめ　＊-->
<table><tbody><tr><td>
<div style="border:1px solid #FDC2D8;background:#fff;padding:2px"><textarea rows="5" cols="20" style="
scrollbar-arrow-color : #FB8FB6; 
scrollbar-darkshadow-color : #FDC2D8;
scrollbar-3dlight-color: #ffffff;
scrollbar-face-color : #ffffff; 
scrollbar-highlight-color : #ffffff;
scrollbar-track-color: #FEEEF4;
scrollbar-shadow-color : #FEDDE9;
color: firebrick;
border-width:0;font-size:13px">
＊　ここに文字　＊</textarea></div>
</td></tr></tbody></table>
<!--＊　おわり　＊-->

<!--＊　はじめ　＊-->
<table><tbody><tr><td>
<div style="border:1px solid #C3D5FB;background:#fff;padding:2px"><textarea rows="5" cols="20" style="
scrollbar-arrow-color : #92B3F8; 
scrollbar-darkshadow-color : #C3D5FB;
scrollbar-3dlight-color: #ffffff;
scrollbar-face-color : #ffffff; 
scrollbar-highlight-color : #ffffff;
scrollbar-track-color: #EFF4FE;
scrollbar-shadow-color : #DEE8FD;
color: cornflowerblue;
border-width:0;font-size:13px">
＊　ここに文字　＊</textarea></div>
</td></tr></tbody></table>
<!--＊　おわり　＊-->

<!--＊　はじめ　＊-->
<table><tbody><tr><td>
<div style="border:1px solid #FFDCAB;background:#fff;padding:2px"><textarea rows="5" cols="20" style="
scrollbar-arrow-color : #FFC371; 
scrollbar-darkshadow-color : #FFDCAB;
scrollbar-3dlight-color: #ffffff;
scrollbar-face-color : #ffffff; 
scrollbar-highlight-color : #ffffff;
scrollbar-track-color: #FFF5E7;
scrollbar-shadow-color : #FFE9CB;
color: darkorange;
border-width:0;font-size:13px">
＊　ここに文字　＊</textarea></div>
</td></tr></tbody></table>
<!--＊　おわり　＊-->

<!--＊　はじめ　＊-->
<table><tbody><tr><td>
<div style="border:1px solid #808080;background:#fff;padding:2px"><textarea rows="5" cols="20" style="
scrollbar-arrow-color: #808080;
scrollbar-face-color: #ffffff;
scrollbar-3dlight-color: #cfcfcf;
scrollbar-darkshadow-color: #707070;
scrollbar-highlight-color: #eeeeee;
scrollbar-shadow-color: #bbbbbb;
color: gray;
border-width:0;font-size:13px">
＊　ここに文字　＊</textarea></div>
</td></tr></tbody></table>
<!--＊　おわり　＊-->

<!--＊　はじめ　＊-->
<table><tbody><tr><td>
<div style="border:1px solid #af3030;background:#fff;padding:2px"><textarea rows="5" cols="20" style="
scrollbar-arrow-color: #af3030;
scrollbar-face-color: #ffffff;
scrollbar-3dlight-color: #ffcfcf;
scrollbar-darkshadow-color: #a07070;
scrollbar-highlight-color: #feeeee;
scrollbar-shadow-color: #ebbbbb;
color: firebrick;
border-width:0;font-size:13px">
＊　ここに文字　＊</textarea></div>
</td></tr></tbody></table>
<!--＊　おわり　＊-->

<!--＊　はじめ　＊-->
<table><tbody><tr><td>
<div style="border:1px solid #30af30;background:#fff;padding:2px"><textarea rows="5" cols="20" style="
scrollbar-arrow-color: #30af30;
scrollbar-face-color: #ffffff;
scrollbar-3dlight-color: #cfffcf;
scrollbar-darkshadow-color: #70a070;
scrollbar-highlight-color: #eefeee;
scrollbar-shadow-color: #bbebbb;
color: darkgreen;
border-width:0;font-size:13px">
＊　ここに文字　＊</textarea></div>
</td></tr></tbody></table>
<!--＊　おわり　＊-->

<!--＊　はじめ　＊-->
<table><tbody><tr><td>
<div style="border:1px solid #3030af;background:#fff;padding:2px"><textarea rows="5" cols="20" style="
scrollbar-arrow-color: #3030af;
scrollbar-face-color: #ffffff;
scrollbar-3dlight-color: #cfcfff;
scrollbar-darkshadow-color: #7070a0;
scrollbar-highlight-color: #eeeefe;
scrollbar-shadow-color: #bbbbeb;
color: darkblue;
border-width:0;font-size:13px">
＊　ここに文字　＊</textarea></div>
</td></tr></tbody></table>
<!--＊　おわり　＊-->

<!--＊　はじめ　＊-->
<table><tbody><tr><td>
<div style="border:1px solid #af30df;background:#fff;padding:2px"><textarea rows="5" cols="20" style="
scrollbar-arrow-color: #af30df;
scrollbar-face-color: #ffffff;
scrollbar-3dlight-color: #f3cfff;
scrollbar-darkshadow-color: #b070c0;
scrollbar-highlight-color: #f7eefe;
scrollbar-shadow-color: #ebbbfb;
color: indigo;
border-width:0;font-size:13px">
＊　ここに文字　＊</textarea></div>
</td></tr></tbody></table>
<!--＊　おわり　＊-->

<!--＊　はじめ　＊-->
<table><tbody><tr><td>
<div style="border:1px solid #afaf30;background:#fff;padding:2px"><textarea rows="5" cols="20" style="
scrollbar-arrow-color: #afaf30;
scrollbar-face-color: #ffffff;
scrollbar-3dlight-color: #ffffcf;
scrollbar-darkshadow-color: #a0a070;
scrollbar-highlight-color: #fefeee;
scrollbar-shadow-color: #ebebbb;
color: sienna;
border-width:0;font-size:13px">
＊　ここに文字　＊</textarea></div>
</td></tr></tbody></table>
<!--＊　おわり　＊-->

<!--＊　はじめ　＊-->
<table><tbody><tr><td>
<div style="border:1px solid #a0a0a0;background:#fff;padding:2px"><textarea rows="5" cols="20" style="
scrollbar-arrow-color: #a0a0a0;
scrollbar-face-color: #cecece;
scrollbar-3dlight-color: #a0a0a0;
scrollbar-darkshadow-color: #909090;
scrollbar-highlight-color: #ffffff;
scrollbar-shadow-color: #c0c0c0;
color: gray;
border-width:0;font-size:13px">
＊　ここに文字　＊</textarea></div>
</td></tr></tbody></table>
<!--＊　おわり　＊-->

<!--＊　はじめ　＊-->
<table><tbody><tr><td>
<div style="border:1px solid #ffa0a0;background:#fff;padding:2px"><textarea rows="5" cols="20" style="
scrollbar-arrow-color: #ffa0a0;
scrollbar-face-color: #ffcaca;
scrollbar-3dlight-color: #d07070;
scrollbar-darkshadow-color: #c07878;
scrollbar-highlight-color: #fff3f3;
scrollbar-shadow-color: #e07070;
color: salmon;
border-width:0;font-size:13px">
＊　ここに文字　＊</textarea></div>
</td></tr></tbody></table>
<!--＊　おわり　＊-->

<!--＊　はじめ　＊-->
<table><tbody><tr><td>
<div style="border:1px solid #a0e0a0;background:#fff;padding:2px"><textarea rows="5" cols="20" style="
scrollbar-arrow-color: #a0e0a0;
scrollbar-face-color: #caffca;
scrollbar-3dlight-color: #70d070;
scrollbar-darkshadow-color: #78c078;
scrollbar-highlight-color: #f3fff3;
scrollbar-shadow-color: #70e070;
color: darkgreen;
border-width:0;font-size:13px">
＊　ここに文字　＊</textarea></div>
</td></tr></tbody></table>
<!--＊　おわり　＊-->

<!--＊　はじめ　＊-->
<table><tbody><tr><td>
<div style="border:1px solid #a0a0ff;background:#fff;padding:2px"><textarea rows="5" cols="20" style="
scrollbar-arrow-color: #a0a0ff;
scrollbar-face-color: #cacaff;
scrollbar-3dlight-color: #7070d0;
scrollbar-darkshadow-color: #7878c0;
scrollbar-highlight-color: #f3f3ff;
scrollbar-shadow-color: #7070e0;
color: darkblue;
border-width:0;font-size:13px">
＊　ここに文字　＊</textarea></div>
</td></tr></tbody></table>
<!--＊　おわり　＊-->

<!--＊　はじめ　＊-->
<table><tbody><tr><td>
<div style="border:1px solid #df80df;background:#fff;padding:2px"><textarea rows="5" cols="20" style="
scrollbar-arrow-color: #df80df;
scrollbar-face-color: #ffcaff;
scrollbar-3dlight-color: #d070d0;
scrollbar-darkshadow-color: #c070c0;
scrollbar-highlight-color: #fff3ff;
scrollbar-shadow-color: #e070e0;
color: indigo;
border-width:0;font-size:13px">
＊　ここに文字　＊</textarea></div>
</td></tr></tbody></table>
<!--＊　おわり　＊-->

<!--＊　はじめ　＊-->
<table><tbody><tr><td>
<div style="border:1px solid #dfdf80;background:#fff;padding:2px"><textarea rows="5" cols="20" style="
scrollbar-arrow-color: #dfdf80;
scrollbar-face-color: #ffffca;
scrollbar-3dlight-color: #d0d070;
scrollbar-darkshadow-color: #c0c078;
scrollbar-highlight-color: #fffff3;
scrollbar-shadow-color: #e0e070;
color: sienna;
border-width:0;font-size:13px">
＊　ここに文字　＊</textarea></div>
</td></tr></tbody></table>
<!--＊　おわり　＊-->

<!--＊　はじめ　＊-->
<table><tbody><tr><td>
<div style="border:2px dotted #FDC2D8;background:#fff;padding:2px"><textarea rows="5" cols="20" style="
scrollbar-arrow-color : #FB8FB6; 
scrollbar-darkshadow-color : #FDC2D8;
scrollbar-3dlight-color: #ffffff;
scrollbar-face-color : #ffffff; 
scrollbar-highlight-color : #ffffff;
scrollbar-track-color: #FEEEF4;
scrollbar-shadow-color : #FEDDE9;
color: firebrick;
border-width:0;font-size:13px">
＊　ここに文字　＊</textarea></div>
</td></tr></tbody></table>
<!--＊　おわり　＊-->

<!--＊　はじめ　＊-->
<table><tbody><tr><td>
<div style="border:2px dotted #C3D5FB;background:#fff;padding:2px"><textarea rows="5" cols="20" style="
scrollbar-arrow-color : #92B3F8; 
scrollbar-darkshadow-color : #C3D5FB;
scrollbar-3dlight-color: #ffffff;
scrollbar-face-color : #ffffff; 
scrollbar-highlight-color : #ffffff;
scrollbar-track-color: #EFF4FE;
scrollbar-shadow-color : #DEE8FD;
color: cornflowerblue;
border-width:0;font-size:13px">
＊　ここに文字　＊</textarea></div>
</td></tr></tbody></table>
<!--＊　おわり　＊-->

<!--＊　はじめ　＊-->
<table><tbody><tr><td>
<div style="border:2px dotted #FFDCAB;background:#fff;padding:2px"><textarea rows="5" cols="20" style="
scrollbar-arrow-color : #FFC371; 
scrollbar-darkshadow-color : #FFDCAB;
scrollbar-3dlight-color: #ffffff;
scrollbar-face-color : #ffffff; 
scrollbar-highlight-color : #ffffff;
scrollbar-track-color: #FFF5E7;
scrollbar-shadow-color : #FFE9CB;
color: darkorange;
border-width:0;font-size:13px">
＊　ここに文字　＊</textarea></div>
</td></tr></tbody></table>
<!--＊　おわり　＊-->

<!--＊　はじめ　＊-->
<table><tbody><tr><td>
<div style="border:2px dotted #808080;background:#fff;padding:2px"><textarea rows="5" cols="20" style="
scrollbar-arrow-color: #808080;
scrollbar-face-color: #ffffff;
scrollbar-3dlight-color: #cfcfcf;
scrollbar-darkshadow-color: #707070;
scrollbar-highlight-color: #eeeeee;
scrollbar-shadow-color: #bbbbbb;
color: gray;
border-width:0;font-size:13px">
＊　ここに文字　＊</textarea></div>
</td></tr></tbody></table>
<!--＊　おわり　＊-->

<!--＊　はじめ　＊-->
<table><tbody><tr><td>
<div style="border:2px dotted #af3030;background:#fff;padding:2px"><textarea rows="5" cols="20" style="
scrollbar-arrow-color: #af3030;
scrollbar-face-color: #ffffff;
scrollbar-3dlight-color: #ffcfcf;
scrollbar-darkshadow-color: #a07070;
scrollbar-highlight-color: #feeeee;
scrollbar-shadow-color: #ebbbbb;
color: firebrick;
border-width:0;font-size:13px">
＊　ここに文字　＊</textarea></div>
</td></tr></tbody></table>
<!--＊　おわり　＊-->

<!--＊　はじめ　＊-->
<table><tbody><tr><td>
<div style="border:2px dotted #30af30;background:#fff;padding:2px"><textarea rows="5" cols="20" style="
scrollbar-arrow-color: #30af30;
scrollbar-face-color: #ffffff;
scrollbar-3dlight-color: #cfffcf;
scrollbar-darkshadow-color: #70a070;
scrollbar-highlight-color: #eefeee;
scrollbar-shadow-color: #bbebbb;
color: darkgreen;
border-width:0;font-size:13px">
＊　ここに文字　＊</textarea></div>
</td></tr></tbody></table>
<!--＊　おわり　＊-->

<!--＊　はじめ　＊-->
<table><tbody><tr><td>
<div style="border:2px dotted #3030af;background:#fff;padding:2px"><textarea rows="5" cols="20" style="
scrollbar-arrow-color: #3030af;
scrollbar-face-color: #ffffff;
scrollbar-3dlight-color: #cfcfff;
scrollbar-darkshadow-color: #7070a0;
scrollbar-highlight-color: #eeeefe;
scrollbar-shadow-color: #bbbbeb;
color: darkblue;
border-width:0;font-size:13px">
＊　ここに文字　＊</textarea></div>
</td></tr></tbody></table>
<!--＊　おわり　＊-->

<!--＊　はじめ　＊-->
<table><tbody><tr><td>
<div style="border:2px dotted #af30df;background:#fff;padding:2px"><textarea rows="5" cols="20" style="
scrollbar-arrow-color: #af30df;
scrollbar-face-color: #ffffff;
scrollbar-3dlight-color: #f3cfff;
scrollbar-darkshadow-color: #b070c0;
scrollbar-highlight-color: #f7eefe;
scrollbar-shadow-color: #ebbbfb;
color: indigo;
border-width:0;font-size:13px">
＊　ここに文字　＊</textarea></div>
</td></tr></tbody></table>
<!--＊　おわり　＊-->

<!--＊　はじめ　＊-->
<table><tbody><tr><td>
<div style="border:2px dotted #afaf30;background:#fff;padding:2px"><textarea rows="5" cols="20" style="
scrollbar-arrow-color: #afaf30;
scrollbar-face-color: #ffffff;
scrollbar-3dlight-color: #ffffcf;
scrollbar-darkshadow-color: #a0a070;
scrollbar-highlight-color: #fefeee;
scrollbar-shadow-color: #ebebbb;
color: sienna;
border-width:0;font-size:13px">
＊　ここに文字　＊</textarea></div>
</td></tr></tbody></table>
<!--＊　おわり　＊-->

<!--＊　はじめ　＊-->
<table><tbody><tr><td>
<div style="border:2px dotted #a0a0a0;background:#fff;padding:2px"><textarea rows="5" cols="20" style="
scrollbar-arrow-color: #a0a0a0;
scrollbar-face-color: #cecece;
scrollbar-3dlight-color: #a0a0a0;
scrollbar-darkshadow-color: #909090;
scrollbar-highlight-color: #ffffff;
scrollbar-shadow-color: #c0c0c0;
color: gray;
border-width:0;font-size:13px">
＊　ここに文字　＊</textarea></div>
</td></tr></tbody></table>
<!--＊　おわり　＊-->

<!--＊　はじめ　＊-->
<table><tbody><tr><td>
<div style="border:2px dotted #ffa0a0;background:#fff;padding:2px"><textarea rows="5" cols="20" style="
scrollbar-arrow-color: #ffa0a0;
scrollbar-face-color: #ffcaca;
scrollbar-3dlight-color: #d07070;
scrollbar-darkshadow-color: #c07878;
scrollbar-highlight-color: #fff3f3;
scrollbar-shadow-color: #e07070;
color: salmon;
border-width:0;font-size:13px">
＊　ここに文字　＊</textarea></div>
</td></tr></tbody></table>
<!--＊　おわり　＊-->

<!--＊　はじめ　＊-->
<table><tbody><tr><td>
<div style="border:2px dotted #a0e0a0;background:#fff;padding:2px"><textarea rows="5" cols="20" style="
scrollbar-arrow-color: #a0e0a0;
scrollbar-face-color: #caffca;
scrollbar-3dlight-color: #70d070;
scrollbar-darkshadow-color: #78c078;
scrollbar-highlight-color: #f3fff3;
scrollbar-shadow-color: #70e070;
color: darkgreen;
border-width:0;font-size:13px">
＊　ここに文字　＊</textarea></div>
</td></tr></tbody></table>
<!--＊　おわり　＊-->

<!--＊　はじめ　＊-->
<table><tbody><tr><td>
<div style="border:2px dotted #a0a0ff;background:#fff;padding:2px"><textarea rows="5" cols="20" style="
scrollbar-arrow-color: #a0a0ff;
scrollbar-face-color: #cacaff;
scrollbar-3dlight-color: #7070d0;
scrollbar-darkshadow-color: #7878c0;
scrollbar-highlight-color: #f3f3ff;
scrollbar-shadow-color: #7070e0;
color: darkblue;
border-width:0;font-size:13px">
＊　ここに文字　＊</textarea></div>
</td></tr></tbody></table>
<!--＊　おわり　＊-->

<!--＊　はじめ　＊-->
<table><tbody><tr><td>
<div style="border:2px dotted #df80df;background:#fff;padding:2px"><textarea rows="5" cols="20" style="
scrollbar-arrow-color: #df80df;
scrollbar-face-color: #ffcaff;
scrollbar-3dlight-color: #d070d0;
scrollbar-darkshadow-color: #c070c0;
scrollbar-highlight-color: #fff3ff;
scrollbar-shadow-color: #e070e0;
color: indigo;
border-width:0;font-size:13px">
＊　ここに文字　＊</textarea></div>
</td></tr></tbody></table>
<!--＊　おわり　＊-->

<!--＊　はじめ　＊-->
<table><tbody><tr><td>
<div style="border:2px dotted #dfdf80;background:#fff;padding:2px"><textarea rows="5" cols="20" style="
scrollbar-arrow-color: #dfdf80;
scrollbar-face-color: #ffffca;
scrollbar-3dlight-color: #d0d070;
scrollbar-darkshadow-color: #c0c078;
scrollbar-highlight-color: #fffff3;
scrollbar-shadow-color: #e0e070;
color: sienna;
border-width:0;font-size:13px">
＊　ここに文字　＊</textarea></div>
</td></tr></tbody></table>
<!--＊　おわり　＊-->