Bordes en CSS

← Diseño Web ⌂ Home

Bordes o contornos

Todos los elementos html admiten la propiedad de css border, que define la apariencia que tendrá el contorno del componente.

A los bordes se les puede colocar estilos tanto de forma general con la propiedad border, como de acuerdo al lado del elemento que se indique: border-top, border-right, border-bottom y border-left.

Con la propiedad border-radius se define el redondeado de las esquinas de los bordes.

Continuando con el código, agreguemos un borde a cada una de las playeras con el siguiente código de CSS:

.tshirt {
    border-color: #3B3B3B;
    border-width: 1px;
    border-style: solid;
    /* border: 1px solid #3B3B3B*/

    border-top-right-radius: 50px;
    border-bottom-right-radius: 10px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 50px;
}