Manejo de Hojas de Estilo CSS con Dreamweaver CS3 (2)

2) Definimos las propiedades en este caso 3 x 3

El codigo generado de la tabla sera este:

<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</table>

3) Adentro le puedes escribir cualquier texto y demas

4) Con respecto a la forma es mejor cambiarla por un CSS separado, o sea que no lo agregues dentro del html (si bien se puede), de manera directa. Por ejemplo veamos:

Le vamos a dar un tipo de fuente y color a todo el documento comprendido dentro de la etiqueta body

body {
font: bold 12px Georgia, "Times New Roman", Times, serif;
color: #FFFFFF;
}

Le vamos a dar un borde de color rojo a toda la tabla. Como es generica (por usar la palabra clave html table como nombre) se aplicara a todas las tablas.

table {
border: 1px solid #FF0000;
}

Para que no quede amontonado le daremos un espaciado de 10px a el contenido de las celdas. Tambien se aplicara a todas las celdas por usa la palabra clave html td

td {
padding: 10px;
}

Ahora veamos de aplicar solo a algunas partes, para esto anteponemos un nombre de clase a la palabra html que vamos a afectar, por ejemplo:

.rojo td {
background: #FF0000;

}

afectara a las celdas, por ser el html td, pero unicamente a las que le aplique la clase llamda .rojo

Usuarios que han visto este tema también han visto...

- Aprende a dejar preparado el dreamweaver para tu nuevo sitio web.
- Creando tablas con esquinas redondeadas en Dreamweaver
- Introducción al entorno de trabajo de dreamweaver mx
- Conexión FTP desde DreamWeaver
- Envío y creación de formularios con DreamWeaver y el servicio de envío de formularios de WebTaller

- Versión imprimible de este documento

- Enviar por e-mail este documento