Borde Punteado en Dreamweaver con Estilo CSS

Posted on 7:35 by Carlonchito

Hoy aprenderemos a hacer una tabla con borde punteado, para reflejar un mensaje importante o una noticia.

Empezemos:

1.- Creamos un nuevo documento HTML.

2.- Insertamos una tabla.

Con las siguiente caracteristicas.

3.- Nos vamos a (Ventana - Estilos CSS) . Nos vamos a la parte inferior y damos clic en "Nueva Regla CSS" .

4.- Creamos un nuevo estilo CSS como se muestra en la imagen. Con el nombre ".borde-punteado" ... El punto es muy importante.


5.- Se nos abrira la siguiente ventana, nos vamos a "Borde" y lo llenamos asi.
o a su gusto.

6.- Listo, ya esta creado en nuevo estilo. Ahora seleccionamos la tabla creada. y hacemos lo siguiente: Nos vamos a Propiedades y en Clase seleccionamos "Borde Punteado".

7.- En eldiseño de dreamweaver ya se ven los punteados. Presionamos F12 y si deseamos escribimos un mensaje dentro de esa tabla.

Este seria el resultado.

0 comentarios:

Publicar un comentario