Essas caixinhas são muito utilizadas principalmente quando queremos colocar algo para que os leitores copiem ou simplismente dar um destaque para um trecho do texto e etc. Criar essa caixinha é muito simples, basta digitarmos:
<textarea> O texto </textarea>
Ficará assim:
Já temos um texto dentro de uma caixinha, mas ainda podemos personalizá-la da seguinte maneira:
Vamos em Design > Editar Html. Pressione Ctrl + F e procure por ]]> < / b:skin>.
Copie o código abaixo:
/*textarea*/
textarea {
border: 2px double #A2B5CD
background: #D8BFD8
width: 80%;
height: 100px;
{
Agora cole sobre a tag ]]></ b:skin>.
Alterações possíveis:
border: espessura da borda - 0px (sem borda), 1px, 3px...
formato da borda - double, dashed (tracejada) , doted (pontilhada) ...
cor da borda - #A2B5CD
background: cor do plano de fundo da caixa
width: largura
height: altura
Agora, toda vez que utilizarmos as tags <textarea> </textarea>, nossa caixinha aparecerá personalizada automaticamente.
<textarea> O texto </textarea>
Ficará assim:
Já temos um texto dentro de uma caixinha, mas ainda podemos personalizá-la da seguinte maneira:
Vamos em Design > Editar Html. Pressione Ctrl + F e procure por ]]> < / b:skin>.
Copie o código abaixo:
/*textarea*/
textarea {
border: 2px double #A2B5CD
background: #D8BFD8
width: 80%;
height: 100px;
{
Agora cole sobre a tag ]]></ b:skin>.
Alterações possíveis:
border: espessura da borda - 0px (sem borda), 1px, 3px...
formato da borda - double, dashed (tracejada) , doted (pontilhada) ...
cor da borda - #A2B5CD
background: cor do plano de fundo da caixa
width: largura
height: altura
Agora, toda vez que utilizarmos as tags <textarea> </textarea>, nossa caixinha aparecerá personalizada automaticamente.