¿Cómo hacer bordes en Css?

Existe una propiedad que es muy particular en Css y son los bordes, su aplicación es sencilla y en simples pasos podrás configurar tus estilos propios.

Para aplicar un borde puedes agregar la siguiente línea:

border: 2px solid #fff;

En este ejemplo se está aplicando un borde en los 4 lados (arriba, abajo, derecha e izquierda) además de un ancho de 2px, con una propiedad solida y de un color blanco.

Si deseas agregar un borde solo a un lado puedes especificarlo de la siguiente manera:

  • border-top:; (arriba)
  • border-bottom:; (abajo)
  • border-right:; (derecha)
  • border-left:; (izquierda)

En el ejemplo se expone un borde “solid“, pero también puedes tener las siguientes propiedades:

Tipos de bordes definidos por CSS

En cuanto a los colores estos se pueden trabajar en hexadecimal, rgb o rgba.

Cómo ves agregar bordes no es una tarea complicada si conoces los valores apropiados.

No olvides suscribirte a mi canal de Youtube (https://www.youtube.com/bluuweb)