Sin CSS estábamos limitados a poner colores e imágenes de fondo solo en el cuerpo de la web y en tablas. Ahora con CSS, podemos aplicar tanto una imagen de fondo como un color de fondo a prácticamente cualquier elemento de nuestra web.
Lo más sencillo es poner un color de fondo, por ejemplo, si tenemos un texto marcado en negrita y queremos ponerle un color de fondo azul haremos:
<strong style="background-color: #3333FF">Texto en negrita</strong>
Pero no estamos limitados a un color de fondo, también podemos poner una imagen:
<strong style="background-image: url(imagen.jpg)">Texto en negrita</strong>
Para que funcione este código el archivo "imagen.jpg" debe estar en el mismo directorio que el archivo .html.
También podemos manipular el fondo, podemos hacer que esté alineado a la izquierda y que no se repita. Aunque esto lo probaremos en una celda, para poder verlo mejor:
<table>
<tr>
<td height="50" style="background-image: url(imagen.jpg); background-repeat: no-repeat; background-position: left;">Fondo</td>
</tr>
</table>
El fondo no se repetirá y estará alineado a la izquierda. Todo lo que hemos visto aquí también lo podemos aplicar a campos de un formulario o a cualquier otra etiqueta.
Por Alex.
Director Técnico de WebTaller.
Usuarios que han visto este tema también han visto...
- Maquetar con CSS usando X columnas
- Galeria de Imagenes xHTML CSS
- Fondo para campos textarea en CSS
- Sencilla fórmula para calcular la especificidad de los selectores CSS
- Botones de Formularios con CSS
- Versión imprimible de este documento
- Enviar por e-mail este documento
Información legal | Política de Privacidad | Contacte con nosotros
Otro proyecto de Factoría de Internet. Copyright© 2003-2008 Factoría de Internet S.L.. Todos los derechos reservados.