HTML文本域几种样式

1.没有滚动条的文本域（无边框）

  <textarea   style="border:   0;   overflow:   auto;   color:   #FFFFFF;   background-image:   url(http://expert.csdn.net/images/csdn.gif)"></textarea>

2.红色边框的文本域

<textarea   style="border:   #FF0000   1px   solid;   overflow:   visible;   color:   #FFFFFF;   background-image:   url(http://expert.csdn.net/images/csdn.gif)"></textarea> 

3.无边框有滚动条

<textarea   style="scrollbar-face-color:#ff80ff;border:0px;background-image:url(http://expert.csdn.net/images/ad/dby3_database_120.GIF);color:#ffffff;font-size:15pt;font-weight:bold">   
  雨中人<br>雨中人<br>雨中人<br>雨中人<br>雨中人<br>雨中人<br>雨中人<br>雨中人<br>雨中人<br>雨中人<br>雨中人<br>雨中人<br>雨中人<br>雨中人<br>雨中人<br>雨中人<br>雨中人<br>雨中人<br>   
  </textarea>  

 4.比较好看的一个

<input name="email" type="text" id="email" style="height:19;border-top: 1px solid #808080;border-right: 1px solid #D4D0C8;border-bottom: 1px solid #D4D0C8;border-left: 1px solid #808080;" value="" size="29">
<br>
<textarea name="content" cols="36" rows="8" id="content" style="border: 1 solid #888888;LINE-HEIGHT:18px;padding: 3px;"></textarea>
<textarea   style="border:   #FF0000   1px   solid;   overflow:   visible;   color:   #FFFFFF;   background-image:   url(http://expert.csdn.net/images/csdn.gif)"></textarea>

 

其它：

 

  <textarea   style="border:   0;   overflow:   auto;   color:   #FFFFFF;   background-image:   url(http://expert.csdn.net/images/csdn.gif)"></textarea>
  1、设置文本域的字体   
    
  <TEXTAREA   STYLE="font-size:9pt;font-family:verdana;color:#333333">输入内容</textarea>   
    
      
    
  2、设置文本域的背景色   
    
  <TEXTAREA   STYLE="background-color:#ffffff">输入内容</textarea>   
    
      
    
  3、文本域的虚线边框设置   
    
  <TEXTAREA   STYLE="border:1px   dotted   #6CABE7;">输入内容</textarea>   
    
      
    
  4、文本域的实线边框设置   
    
  <TEXTAREA   STYLE="border:1px   solid   #6CABE7;">输入内容</textarea>   
    
      
    
  5、文本域的点线边框设置   
    
  <TEXTAREA   STYLE="border:2px   dotted   #6CABE7;">输入内容</textarea>   
    
      
    
  6、   设置文本域的背景图   
    
  <TEXTAREA   STYLE="background-attachment:   fixed;   background-image:   url(背景图所处位置)"></textarea>