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 está definido este atributo en los estándares, 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>
Programa 60
Representación del código en el explorador.
No hay comentarios:
Publicar un comentario