Al igual que las tablas, podemos personalizar el aspecto de cada celda.
Los atributos que podemos utilizar son los siguientes:
background
Nos permite poner una imagen de fondo en la celda utilizando el URI del recurso. (no esta definido este atributo en los standars, pero funciona bastante bien en Netscape e Internet Explorer)
bgcolor
Da color de fondo a la celda mediante el nombre del color o el valor sRGB
width
Especifica una anchura recomendada (en píxeles o en valor porcentual). Pero si el contenido necesita mayor tamaño, el valor de este atributo es ignorado.
height
Al igual que "width", especifica la altura recomendada (en píxeles o en valor porcentual). Pero también si el contenido necesita mayor tamaño, el valor de este atributo es ignorado.
Para los valores de los colores de estos atributos podemos utilizar tanto su código sRGB, como el nombre del color.
Código de Ejemplo de una tabla con bordes y celdas de colores.
<html>
<head>
<title>Tabla - Fondos de celda</title>
</head>
<body>
<table width=30%" border="1" bordercolorlight="red" bordercolordark="maroon" >
<tr>
<th>Nombre</th>
<th>Telefono</th>
</tr>
<tr>
<td bgcolor="blue">Profe</td>
<td bgcolor="red">999 666 999</td>
</tr>
<tr>
<td bgcolor="green">Salud</td>
<td bgcolor="yellow">888 555 444</td>
</tr>
<tr>
<td bgcolor="red">Abundancia</td>
<td bgcolor="red">99 99 99 99</td>
</tr>
</table>
</body>
</html>
Representación del código en el explorador.
Nombre | Telefono |
---|---|
Profe | 999 666 999 |
Salud | 888 555 444 |
Abundancia | 99 99 99 99 |
Temas anteriores * http://bobuu.blogspot.com
No hay comentarios:
Publicar un comentario
Gracias por tu comentario, en un maximo de 48 horas sera publicado.