0

Cómo enmarcar una imagen en HTML (WordPress)

Enmarcar una imagen en HTML1. 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! 💪

 

ENTRADAS RELACIONADAS:

   
 

 

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.