Explicador de Alto y ancho
Objetivo de este acertijo: Usar CSS para definir la altura de las imágenes.
Tutorial de la solución: Cuando se agregan imágenes con HTML, estas aparecerán en su tamaño original. Para cambiar aún más el tamaño de estas imágenes, podemos definir reglas para su height
y width
.(altura y ancho)
Para completar el acertijo, define la propiedad height
en el conjunto de reglas img
como 60px
.
Solución del código de ejemplo:
CSS
body {
background-color: silver;
}
img {
height: 60px;
width: auto;
}
Conceptos de HTML: elementos <img>
, atributo src
Conceptos de CSS: selector, regla, conjunto de reglas, cambio de tamaño de imagen