Cómo escribir un borde CSS alrededor de una imagen

Las hojas de estilo en cascada le permiten modificar el diseño HTML y mostrar las propiedades como el posicionamiento, el color y los bordes. El HTML La etiqueta se usa para mostrar una imagen en una página web e incluye un atributo de "borde" que le permite activar y desactivar el borde, así como especificar el ancho del borde. Quizás esté creando una página de marketing con ofertas especiales y desee que el borde de la imagen aparezca de una manera diferente al estilo de sitio web básico de la empresa. Usa CSS para modificar el estilo de borde para una imagen específica.

1.

Inicie un editor de HTML o texto y abra la página web. Localiza el etiqueta para la imagen a la que desea agregar el borde.

2.

Inserte el atributo de estilo CSS para comenzar su cambio de estilo ( ). Inserte la propiedad "borde" para modificar las calidades del borde, como el ancho, el tipo y el color. La siguiente imagen está diseñada con una línea discontinua roja gruesa. Los atributos pueden estar en cualquier orden.

3.

Modificar los parámetros de borde como se desee. El grosor del borde puede ser grueso, medio o delgado o un valor de tamaño de píxel como "6px". Puede elegir entre varios tipos de borde, incluidos doble, sólido o discontinuo. El color también se puede indicar de varias formas: hex (# ffcc00), RGB (RGB (255, 0, 0)) o un nombre de color (azul).

4.

Guarde la página y ábrala en un navegador web para ver el cambio de visualización.