Buen día para todos.
Me alegra estar aquí nuevamente!
Hoy traigo algo sencillo que no había visto en ningún lado, lo cual solo intenté y funcionó!!
Durante el último ejercicio hicimos este HTML, muy sencillo, Era un cuadrado de 500px x 500px con un borde sólido de 2px, el cual contenía una imagen sin borde, ubicada en la parte superior y del ancho ajustado al del contenedor, por lo tanto alineaban perfectamente y compartían los mismos bordes con el cuadro contenedor (solo bordes superior y laterales), no obstante no existía borde inferior en la imagen.
En la búsqueda de una forma de colocar esa margen inferior de la imagen y darle continuidad a la margen del cuadrado que la contenía, traté de usar en la configuración de estilo de la imagen las instrucción de “border-botton” pero por alguna razón no aplicaba ningún cambio. Estuve leyendo en la web CSS Reference que nos recomendó la profesora, pero nunca entendí qué era lo que yo estaba haciendo mal, así que decidí hacer algunos cambios por mi cuenta.
Finalmente, se me ocurrió que si algunas entradas de las propiedades o instrucciones eran un número, por qué no intentar ingresar un número negativo?
<style>divimg {
width: 500px;
border: 2px, solid, crimson;
margin: -2px;
}
</style>Dentro de la configuración de estilo de la imagen, igualé su tamaño al del contenedor, le puse borde de la misma dimensión y color a borde del contenedor y en las propiedades de caja, le di valor negativo al “margin”, ingresando el mismo valor del borde del contenedor, permitiendo que la imagen se alineara con su contenedor y se sobrescribieran los bordes tanto del contenedor como de la imagen.
Sé que debo continuar leyendo para identificar el problema que tengo y que no me deja ajustar la margen inferior, como se supone debería ser, pero en el camino descubrí que los números negativos son una opción.
