⽂本域（Textarea）背景的美化
经常浏览⽹站进出论坛，新闻评论的朋友⼤都看到过这个漂亮的美化的⽂本域(Textarea)背景。短短⼏⾏代码表达的效果却⾮常的⼤，让访客不⾃觉地就能加深对⽹站的视觉印象，从⽽更好地做到宣传的⽬的，也同时美化了单调的⽂本域(Textarea)背景。
⽂本域背景美化（添加⽂本域背景图⽚）展⽰效果代码如下：<style type=”text/css”>
<!–
.textfield {width:450px;height:20px;background-image:url(images/inputbg.gif);color:#666;border:1px dotted
#999666;padding:3px 0px 0px 5px;} /*设置标题⽂本框边框，背景图⽚及⽂字颜⾊*/
.textarea {width:450px;height:120px;background:url(images/logo.gif) no-repeat right top;border:1px dotted #999666; } /*设置留⾔⽂本框边框，背景图⽚*/
–>
</style>
textstyle<table width=”510″ border=”0″ align=”center” cellpadding=”0″ cellspacing=”0″>
<tr>
<td><input name=”search” type=”text” id=”search” class=”textfield” οnfοcus=”if(this.value==’标题’)
{this.value=”;}lor=’#333′;” οnblur=”if(this.value==”) {this.value=’标题’;lor=’#666′;}”value=”标题” maxlength=”22″/></td>
</tr>
<tr>
<td><textarea name=”textarea” class=”textarea”></textarea></td>
</tr>
</table>

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。