1. INTRODUCCIÓN
En esta entrada os dejo el código que a mí ha funcionado para enmarcar imágenes en HTML (en WordPress).
Probadlo y compartid en los comentarios si os ha valido.
2. CÓMO PONER BORDE A UNA IMAGEN EN HTML
Si utilizáis un gestor de contenido como WordPress, id al editor HTML y copiad la siguiente línea:
<img style="border: 1px solid; color: black;" src="URL" alt="" width="300" height="300" />
Una vez copiapegada, tenéis que cambiar las partes en rojo para definir:
- La anchura del borde.
- El color del borde.
- La URL de la imagen que queréis enmarcar.
- El tamaño de la imagen.
3. EJEMPLO
Como ejemplo, voy a enmarcar la imagen de esta entrada dándole un borde de 15 px, color naranja y un tamaño de 300x300 px. Este sería el código:
<img style="border: 15px solid; color: orange;" src="https://www.saberespractico.com/wp-content/uploads/2020/01/enmarcar-imagen-html-300x300.jpg" alt="" width="300" height="300" />
Y este el resultado:
3. ¿TE FUNCIONA?
Como veis, a mí sí me funciona.
Normalmente este tipo de cosas se hacen en lenguaje CSS, pero los temas de WordPress incluyen una hoja de estilos que a veces nos permite modificarlos directamente en HTML. Y este es uno de los casos.
Como os comentaba al principio, probadlo y compartid vuestra experiencia. ¡Espero que os funcione a todos! 💪
.jpg "¿Cómo encuadrar un texto en HTML?")
.jpg "Cógido \".htaccess\" para evitar el hotlinking en Wordpress ¿No funciona?")
