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