viernes, 17 de julio de 2009

78.- HTML - Tablas, personalización de las celdas

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

77.- HTML - Tablas - Colores de Líneas y bordes.
76.- HTML - Tablas - Líneas y bordes interiores.
75.- HTML - Tablas - Bordes y líneas
mas ... acceder al índice de temas ...
soolucionescom

No hay comentarios:

Publicar un comentario

Gracias por tu comentario, en un maximo de 48 horas sera publicado.