-->

Bordes para cajas y cuadros de comentarios


Aquí dejo una serie de cajas con diferentes bordes.
Como hemos comentado en post anteriores, podemos añadir a nuestra página, un cuadro de comentarios, donde nuestros visitantes nos pueden enviar algún comentario o alguna duda.




<form action="mailto:email que queramos" method="post" enctype="text/plain">
<textarea name="Envia tu comentario" cols="50" rows="5" style="border:3px solid #F7730E;">
Tu texto.
</textarea>
<br />
<input type="submit" />
</form>.
Y así queda


Otro ejemplo:
<form action="mailto:email que queramos" method="post" enctype="text/plain">
<textarea name="Envía tu comentario" cols="50" rows="5" style="border:3px dashed #FF0000;">
Tu texto
</textarea>
<br />
<input type="submit" />
</form>
Y así queda





Y otro
<form action="mailto:email que queramos" method="post" enctype="text/plain">
<textarea name="Envía tu comentario" cols="50" rows="5" style="border:3px dotted #9900cc;">
Tu texto
</textarea>
<br />
<input type="submit" />
</form>
Y así queda



Más ejemplos
Y otro
<form action="mailto:email que queramos" method="post" enctype="text/plain">
<textarea name="Envía tu comentario" cols="50" rows="5" style="border:3px  double #666666;">
Tu texto
</textarea>
<br />
<input type="submit" />
</form>

Y así queda





Y así queda con el border:3px poniéndolo al 6px



 border: 3px poniéndolo al 9px




Mas formas de bordes
<form action="mailto:email que queramos" method="post" enctype="text/plain">
<textarea name="TU TEXTO" cols="50" rows="5" style="border:6px outset #F7730E;">
TU TEXTO
</textarea>
<br />
<input type="submit" />
</form>
Y así queda




Publicar un comentario

0 Comentarios