Bordes CSS

Hoy vamos a mostrar como podemos cambiar los bordes de nuestras cajas de textos,
Con el código CSS podemos usar 3 propiedades como

1. border-width---es la anchura de tu borde
2. border-color.. color
3. border-style---y el estilo

 Estilos de Bordes estándar

none : sin borde (por defecto);
solid : una sola línea sólida;

dotted : una línea de puntos;
dashed : una línea discontinua;
double : con doble borde;
groove : una línea estriada;
ridge : una línea con crestas;
inset : inset global efecto 3D;


 Ejemplo

Tu texto

En este cuadro hemos insertado un borde de 3px , esilo  double  de color #666666;"

ver código 

<textarea style="border:3px  double #666666;">
Tu texto
</textarea>

La propiedad border-radius nos permitirá fácilmente redondear las esquinas de cualquier elemento. Simplemente especifica el tamaño («importancia») del radio en píxeles:

En este cuadro hemos insertado un borde  redondeado de 10px , esilo  double  de color #666666;"

Tu texto

ver código 

<textarea style="border-radius:10px  double #666666;">
Tu texto
</textarea>

ccc