Cómo poner BORDES en CSS

Si tienes alguna duda con el curso o te quedas en algún punto donde no sepas avanzar te puedes unir gratis a nuestra comunidad de discord y preguntar tus dudas, que la comunidad estará encantada de ayudarte.

Únete al discord

Bordes

La propiedades de border en CSS nos permite poner estilos de bordes a los elmentos de HTML.

Border Style

La propiedad border-style especifica que clase de borde mostrar.

Tenemos los siguientes valores:

  • dotted
  • dashed
  • solid
  • double
  • groove
  • ridge
  • inset
  • outset
  • none
  • hidden

La propiedad border-style permite tener hasta cuatro valores para poder poner un estilo de borde diferente por cada lado.

See the Pen CSS | 1.7 - Bordes - 1 by Francisco Palomares Barrios (@kikopalomares) on CodePen.

Border width

La propiedad border-width especifica la anchura del borde.

See the Pen CSS | 1.7 - Bordes - 2 by Francisco Palomares Barrios (@kikopalomares) on CodePen.

Border color

Con la propiedad border color podemos cambiar el color a los bordes.

See the Pen CSS | 1.7 - Bordes - 3 by Francisco Palomares Barrios (@kikopalomares) on CodePen.

Propiedad border

Con la propiedad border podemos englobar todas las anteriores en una sola.

See the Pen CSS | 1.7 - Bordes - 4 by Francisco Palomares Barrios (@kikopalomares) on CodePen.

Border radius

Con la propiedad border-radius podemos redondear los bordes.

See the Pen CSS | 1.7 - Bordes - 5 by Francisco Palomares Barrios (@kikopalomares) on CodePen.

Al suscribirte estás aceptando los términos de uso y la política de privacidad. Puedes darte de baja en cualquier momento.

Libro No todo es programar de Kiko Palomares
Koding Beats