A los elementos HTML se les puede asignar bordes, que permiten definir la apariencia.
Te quiero presentar propiedades del bordes que te pueden facilitar tu apariencia en el desarrollo web:
- border-left: Expresa las características del lado izquierdo.
- border-right: Expresa las características del lado derecho
- border-bottom: Expresa las características del lado inferior.
- border-top: Expresa las características del lado superior.
Cada lado del borde siempre se le asigna 3 propiedades/características:
- Tamaño del borde: El tamaño del borde realmente sirve para definir el grosor de la linea.
- Tipo del borde: Sirve para definir si es continuo, no continuo, con patrones, entre otros. Casi siempre vamos a usar solido.
- Estilo del borde: Sirve para poner el color. Si no se le pone color al borde, se hereda del color del texto que contenga el elemento.
También tenemos la propiedad boder-radius que permite definir el redondeado de las esquinas de los bordes.
