テキストエリアテンプレート - 和風

Text Area Tmplate

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

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

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

<!--＊　はじめ　＊-->
<table><tbody><tr><td>
      <div style="border:1px solid black;background:#FDC2D8;padding:5px">
      <div style="border:1px solid black;background:white;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></div>
</td></tr></tbody></table>
<!--＊　おわり　＊-->

<!--＊　はじめ　＊-->
<table><tbody><tr><td>
      <div style="border:1px solid black;background:#C3D5FB;padding:5px">
      <div style="border:1px solid black;background:white;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></div>
</td></tr></tbody></table>
<!--＊　おわり　＊-->

<!--＊　はじめ　＊-->
<table><tbody><tr><td>
      <div style="border:1px solid black;background:#FFDCAB;padding:5px">
      <div style="border:1px solid black;background:white;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></div>
</td></tr></tbody></table>
<!--＊　おわり　＊-->

<!--＊　はじめ　＊-->
<table><tbody><tr><td>
      <div style="border:1px solid black;background:#808080;padding:5px">
      <div style="border:1px solid black;background:white;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></div>
</td></tr></tbody></table>
<!--＊　おわり　＊-->

<!--＊　はじめ　＊-->
<table><tbody><tr><td>
      <div style="border:1px solid black;background:#af3030;padding:5px">
      <div style="border:1px solid black;background:white;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></div>
</td></tr></tbody></table>
<!--＊　おわり　＊-->

<!--＊　はじめ　＊-->
<table><tbody><tr><td>
      <div style="border:1px solid black;background:#30af30;padding:5px">
      <div style="border:1px solid black;background:white;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></div>
</td></tr></tbody></table>
<!--＊　おわり　＊-->

<!--＊　はじめ　＊-->
<table><tbody><tr><td>
      <div style="border:1px solid black;background:#3030af;padding:5px">
      <div style="border:1px solid black;background:white;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></div>
</td></tr></tbody></table>
<!--＊　おわり　＊-->

<!--＊　はじめ　＊-->
<table><tbody><tr><td>
      <div style="border:1px solid black;background:#af30df;padding:5px">
      <div style="border:1px solid black;background:white;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></div>
</td></tr></tbody></table>
<!--＊　おわり　＊-->

<!--＊　はじめ　＊-->
<table><tbody><tr><td>
      <div style="border:1px solid black;background:#afaf30;padding:5px">
      <div style="border:1px solid black;background:white;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></div>
</td></tr></tbody></table>
<!--＊　おわり　＊-->

<!--＊　はじめ　＊-->
<table><tbody><tr><td>
      <div style="border:1px solid black;background:#a0a0a0;padding:5px">
      <div style="border:1px solid black;background:white;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></div>
</td></tr></tbody></table>
<!--＊　おわり　＊-->

<!--＊　はじめ　＊-->
<table><tbody><tr><td>
      <div style="border:1px solid black;background:#ffa0a0;padding:5px">
      <div style="border:1px solid black;background:white;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></div>
</td></tr></tbody></table>
<!--＊　おわり　＊-->

<!--＊　はじめ　＊-->
<table><tbody><tr><td>
      <div style="border:1px solid black;background:#a0e0a0;padding:5px">
      <div style="border:1px solid black;background:white;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></div>
</td></tr></tbody></table>
<!--＊　おわり　＊-->

<!--＊　はじめ　＊-->
<table><tbody><tr><td>
      <div style="border:1px solid black;background:#a0a0ff;padding:5px">
      <div style="border:1px solid black;background:white;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></div>
</td></tr></tbody></table>
<!--＊　おわり　＊-->

<!--＊　はじめ　＊-->
<table><tbody><tr><td>
      <div style="border:1px solid black;background:#df80df;padding:5px">
      <div style="border:1px solid black;background:white;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></div>
</td></tr></tbody></table>
<!--＊　おわり　＊-->

<!--＊　はじめ　＊-->
<table><tbody><tr><td>
      <div style="border:1px solid black;background:#dfdf80;padding:5px">
      <div style="border:1px solid black;background:white;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></div>
</td></tr></tbody></table>
<!--＊　おわり　＊-->

<!--＊　はじめ　＊-->
<table><tbody><tr><td>
<div style="border:1px solid #FDC2D8"><div style="border-width:1px;border-style:solid;border-color:white #FDC2D8 #FDC2D8; white;background:#FDC2D8;padding:4px"><div style="border-width:1px;border-style:solid;border-color:#FDC2D8 white white #FDC2D8"><div style="border:1px solid #FDC2D8;background:white;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></div></div></div>
</td></tr></tbody></table>
<!--＊　おわり　＊-->

<!--＊　はじめ　＊-->
<table><tbody><tr><td>
<div style="border:1px solid #92B3F8"><div style="border-width:1px;border-style:solid;border-color:white #C3D5FB #C3D5FB; white;background:#C3D5FB;padding:4px"><div style="border-width:1px;border-style:solid;border-color:#C3D5FB white white #C3D5FB"><div style="border:1px solid #92B3F8;background:white;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></div>
</td></tr></tbody></table>
<!--＊　おわり　＊-->

<!--＊　はじめ　＊-->
<table><tbody><tr><td>
<div style="border:1px solid #FFC371"><div style="border-width:1px;border-style:solid;border-color:white #FFDCAB; white;background:#FFDCAB;padding:4px"><div style="border-width:1px;border-style:solid;border-color:#FFDCAB white white #FFDCAB"><div style="border:1px solid sienna;background:white;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></div>
</td></tr></tbody></table>
<!--＊　おわり　＊-->

<!--＊　はじめ　＊-->
<table><tbody><tr><td>
<div style="border:1px solid #cfcfcf"><div style="border-width:1px;border-style:solid;border-color:white #808080; #808080; white;background:#808080;padding:4px"><div style="border-width:1px;border-style:solid;border-color:#808080 white white #808080"><div style="border:1px solid #808080;background:white;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></div>
</td></tr></tbody></table>
<!--＊　おわり　＊-->

<!--＊　はじめ　＊-->
<table><tbody><tr><td>
<div style="border:1px solid #ffcfcf"><div style="border-width:1px;border-style:solid;border-color:white #af3030; #af3030; white;background:#af3030;padding:4px"><div style="border-width:1px;border-style:solid;border-color:#af3030 white white #af3030"><div style="border:1px solid #ffcfcf;background:white;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></div>
</td></tr></tbody></table>
<!--＊　おわり　＊-->

<!--＊　はじめ　＊-->
<table><tbody><tr><td>
<div style="border:1px solid #cfffcf"><div style="border-width:1px;border-style:solid;border-color:white #30af30 #30af30 white;background:#30af30;padding:4px"><div style="border-width:1px;border-style:solid;border-color:#30af30 white white #30af30"><div style="border:1px solid #cfffcf;background:white;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></div>
</td></tr></tbody></table>
<!--＊　おわり　＊-->

<!--＊　はじめ　＊-->
<table><tbody><tr><td>
<div style="border:1px solid #cfcfff"><div style="border-width:1px;border-style:solid;border-color:white #3030af #3030af; white;background:#3030af;padding:4px"><div style="border-width:1px;border-style:solid;border-color:#3030af white white #3030af"><div style="border:1px solid #cfcfff;background:white;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></div></div></div>
</td></tr></tbody></table>
<!--＊　おわり　＊-->

<!--＊　はじめ　＊-->
<table><tbody><tr><td>
<div style="border:1px solid #f3cfff"><div style="border-width:1px;border-style:solid;border-color:white #af30df #af30df; white;background:#af30df;padding:4px"><div style="border-width:1px;border-style:solid;border-color:#af30df white white #af30df"><div style="border:1px solid #f3cfff;background:white;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></div>
</td></tr></tbody></table>
<!--＊　おわり　＊-->

<!--＊　はじめ　＊-->
<table><tbody><tr><td>
<div style="border:1px solid #ffffcf"><div style="border-width:1px;border-style:solid;border-color:white #afaf30; white;background:#afaf30;padding:4px"><div style="border-width:1px;border-style:solid;border-color:#afaf30 white white #afaf30"><div style="border:1px solid #ffffcf;background:white;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></div>
</td></tr></tbody></table>
<!--＊　おわり　＊-->

<!--＊　はじめ　＊-->
<table><tbody><tr><td>
<div style="border:1px solid #a0a0a0"><div style="border-width:1px;border-style:solid;border-color:white #a0a0a0 #a0a0a0; white;background:#a0a0a0;padding:4px"><div style="border-width:1px;border-style:solid;border-color:#a0a0a0 white white #a0a0a0"><div style="border:1px solid #a0a0a0;background:white;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></div>
</td></tr></tbody></table>
<!--＊　おわり　＊-->

<!--＊　はじめ　＊-->
<table><tbody><tr><td>
<div style="border:1px solid #d07070"><div style="border-width:1px;border-style:solid;border-color:white #ffa0a0 #ffa0a0 white;background:#ffa0a0;padding:4px"><div style="border-width:1px;border-style:solid;border-color:#ffa0a0 white white #ffa0a0"><div style="border:1px solid #d07070;background:white;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></div>
</td></tr></tbody></table>
<!--＊　おわり　＊-->

<!--＊　はじめ　＊-->
<table><tbody><tr><td>
<div style="border:1px solid #70d070"><div style="border-width:1px;border-style:solid;border-color:white #a0e0a0; #a0e0a0; white;background:#a0e0a0;padding:4px"><div style="border-width:1px;border-style:solid;border-color:#a0e0a0 white white #a0e0a0"><div style="border:1px solid #70d070;background:white;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></div>
</td></tr></tbody></table>
<!--＊　おわり　＊-->

<!--＊　はじめ　＊-->
<table><tbody><tr><td>
<div style="border:1px solid #7070d0"><div style="border-width:1px;border-style:solid;border-color:white #a0a0ff #a0a0ff white;background:#a0a0ff;padding:4px"><div style="border-width:1px;border-style:solid;border-color:#a0a0ff white white #a0a0ff"><div style="border:1px solid #a0a0ff;background:white;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></div>
</td></tr></tbody></table>
<!--＊　おわり　＊-->

<!--＊　はじめ　＊-->
<table><tbody><tr><td>
<div style="border:1px solid #d070d0"><div style="border-width:1px;border-style:solid;border-color:white #df80df; #df80df; white;background:#df80df;padding:4px"><div style="border-width:1px;border-style:solid;border-color:#df80df white white #df80df"><div style="border:1px solid #d070d0;background:white;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></div>
</td></tr></tbody></table>
<!--＊　おわり　＊-->

<!--＊　はじめ　＊-->
<table><tbody><tr><td>
<div style="border:1px solid #d0d070"><div style="border-width:1px;border-style:solid;border-color:white #dfdf80 #dfdf80 white;background:#dfdf80;padding:4px"><div style="border-width:1px;border-style:solid;border-color:#dfdf80 white white #dfdf80"><div style="border:1px solid #d0d070;background:white;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></div>
</td></tr></tbody></table>
<!--＊　おわり　＊-->