HTML no tiene ninguna etiqueta que permita crear una leyenda para las imágenes. Gracias a CSS podemos simular la existencia de una leyenda de la siguiente manera.
Código html: Insertamos una imagen. En este caso tiene un ancho de 240 px y un alto de 200 px. Y, a continuación, en un párrafo la leyenda de la imagen. Ambos elementos irán contenidos en la clase imagen.
Código css: creamos la clase imagen. Esta clase contendrá un margen y relleno de 0,5 em, está posicionada a la izquierda, tiene un ancho de 25%, un borde grueso, sólido y de color #CC0099 y, por último un color de fondo rosa #FF99FF.
.imagen {
margin: 0.5em;
padding: 0.5em;
float: left;
width: 25%;
border: thick solid #CC0099;
background-color: #FF99FF;
}
Definiremos un nuevo estilo para aplicar al párrafo dentro de la clase imagen. Este estilo aplicará al párrafo un tamaño pequeño, en cursiva, alineación centrada y sin sangría
.imagen p {
font-size: smaller;
font-style: italic;
text-align: center;
text-indent: 0;
}
El resultado final sería el siguiente:
Como realizar esto mediante Dreamweaver, será objeto de una nota futura
Redactado en: CSS
0 comentarios:
Publicar un comentario