4 Caixinha de Códigos Colorida

Substitua: Conteúdo da Caixinha pelo que você quiser que apareça dentro dela.

NORMAL

<textarea onfocus="this.select()" onmouseover="this.focus()" rows="2" cols="10" name="textarea">Conteúdo da Caixinha</textarea>

ROSA

<textarea style="overflow: hidden;  border:1px dashed:#FFB493;  background: #FF99CC; width: 100px; height: 40px;  font-color: #FFB493; font-size: 10px; font-family: arial ' sans serif ';" onfocus="this.select()" onmouseover="this.focus()">Conteúdo da Caixinha</textarea>

LILÁS

<textarea style="overflow: hidden;  border:1px dashed:#84C1FF;  background: #CC99FF; width: 100px; height: 40px;  font-color: #84C1FF; font-size: 10px; font-family: arial ' sans serif ';" onfocus="this.select()" onmouseover="this.focus()">Conteúdo da Caixinha</textarea>

AZUL

<textarea style="overflow: hidden;  border:1px dashed:#84C1FF;  background:#D9ECFF; width: 100px; height: 40px;  font-color: #84C1FF; font-size: 10px; font-family: arial ' sans serif ';" onfocus="this.select()" onmouseover="this.focus()">Conteúdo da Caixinha</textarea>

VERDE

<textarea style="overflow: hidden;  border:1px dashed :#84FFC1;  background:#DDFFEE; width: 100px; height: 40px; font-color: #84FFC1; font-size: 10px; font-family: arial ' sans serif ';" onfocus="this.select()" onmouseover="this.focus()">Conteúdo da Caixinha</textarea>

LARANJA

<textarea style="overflow: hidden;  border:1px dashed:#FFB493;  background: #FF9900; width: 100px; height: 40px;  font-color: #FFB493; font-size: 10px; font-family: arial ' sans serif ';" onfocus="this.select()" onmouseover="this.focus()">Conteúdo da Caixinha</textarea>

VERMELHO

<textarea style="overflow: hidden;  border:1px

dashed:#FFB493;  background: #FF0000;

width: 100px; height: 40px;  font-color:

#FFB493; font-size: 10px; font-family: arial ' sans serif ';"

onfocus="this.select()" onmouseover="this.focus()">Conteúdo da Caixinha</textarea>