En el siguiente articulo veremos 2 ejemplos de como insertando una imagen de fondo en un TEXTAREA podes mejorar el aspecto del mismo.
Para lograr ese efecto solo demos crear la imagen punteada y mediante CSS indicar que queremos que esa imagen este de fondo en nuestro TEXTAREA, veamos el código...
<textarea name="textarea" cols="30" rows="4" style="background-image:url(img/fondo_textarea_1.gif); background-repeat: repeat"></textarea>
Dentro del parámetro style tenemos definido background-image que indica la ruta a la imagen que queremos poner de fondo y background-repeat: repeat que indica si queremos que esta imagen se repita, en este caso utilizamos repeat para que se repita a lo largo y a lo ancho.
Esa es una ejemplo mas de como aplicar las imágenes de fondo, veamos el código que tiene algunos cambios...
<textarea name="textarea" cols="30" rows="4" style="background-image:url(img/fondo_textarea_2.gif); background-repeat: repeat-y; padding-left: 10px"></textarea>
En este caso marcamos en negrita los cambios con respecto al codigo anterior, vemos que en background-repeat utilizamos como valor repeat-y que indica que la imagen se repetira en vertical y también agregamos padding-left: 10px que su función es crear una especie de margen a la izquierda de 10 pixeles (asi no pisamos la imagen con el texto).
Autor: Mauro Rondinelli
http://www.elguruprogramador.com.ar/zonas/ver.asp?cod=114
Usuarios que han visto este tema también han visto...
- Superposición de imágenes con CSS
- Aplicar los estilos a diferentes dispositivos con CSS
- Degradado con CSS Filter
- Evitar que una página se imprima en CSS
- Menú de imágenes con CSS
- Versión imprimible de este documento
- Enviar por e-mail este documento
