¿CÓMO PONER BORDE A UNA IMAGEN EN HTML?
El siguiente código es para poder colocar un borde a una imagen en HTML.
<img style="border: 1px solid; color: #000;" src="URL IMAGEN" alt="" width="300" height="300" />
1. Podemos cambiar la anchura del borde sustituyendo el 1px .
2. Podemos cambiar el color del borde sustituyendo el #000 por el color que gustes.
3. Sustituir donde dice URL IMAGEN por la URL de la imagen que quieres enmarcar.
4. Podemos cambiar el tamaño de la imagen:
- Anchura de la imagen ( width="300" sustituir el 300).
- Altura de la imagen ( height="300" sustituir el 300).
EJEMPLO:
Como ejemplo, voy a enmarcar la siguiente imagen:
dándole un borde de 15px, de color verde y un tamaño de 200x200px. Este sería el código modificado:
<img style="border: 15px solid; color: #00cc1f;" src="https://blogger.googleusercontent.com/img/a/AVvXsEjydj60PP6vXFK6rC0eigS3EgVRwXmKRQIKsOC-K2caToK6Q63gvXa_38hMy5s_udZTdjTfKRPdKLCeFoKr5FgmdkgPZ-2hpB1eEQX0Ljz79ncExwvdMdMsZiqYnYq2QwtLUrQjOxEyLB_J7z3vm46F9wPr6MkZh_mTrCkli-HKZ48qUcEnTSqQ5taGwA=w200-h200" alt="" width="200" height="200" />
RESULTADO.
Espero les sirva, ¡Hasta luego!
