Personalizando a Textarea

Sabe a Textarea? Hoje vocês vão aprender a personalizar ela, colocando bordas e cores diferentes do padrão:

 Tutorial
1. Pegue o código da sua textarea. Caso ainda não tenha, clique aqui.
2. Seu código deve ser assim:

<p align="center"><font class=font2><b></b></font></p>
<p align="center"><img src="URL DA IMAGEM" vspace="5" hspace="2"><br>
<textarea onFocus=this.select() onMouseOver=this.focus() rows="3" cols="10" name="textarea" style="font-family:verdana; font-size:8pt; border:1px solid #000000; background-color:#ffffff;">
<a href="LINK" target="_blank"><img src="URL DA IMAGEM" border="0"></a>
</textarea>
</p>

3. Agora procure as partes que tem #. Você vai achar isso:

border:1px solid #000000
e
background-color:#ffffff

4. A primeira parte é a borda. Substitua solid pelo tipo de borda, veja os tipos abaixo:

dotted

dashed

solid

double

groove

ridge

inset

outset

5. Agora mude o código do lado do tipo da borda. Veja os códigos da cores aqui.
6. Agora mude o código do lado de background-color.

Prontinho, visualize e veja sua textarea personalizada *-*