En CSS, puedes usar la propiedad border para agregar bordes a elementos HTML. La propiedad border se puede configurar con diferentes valores para controlar el estilo, el ancho y el color del borde. A continuación se ofrece una descripción básica de cómo utilizar la propiedad border :

 CSS
 /* Set border style, width, and color */
.element {
  border: 2px solid #333; /* 2px width, solid style, #333 color */
}

En el ejemplo anterior, la propiedad border se establece con tres valores:

1. Ancho del borde: Especifica el ancho del borde. Puede utilizar valores como 1px , 2px , 3px , etc., o puede utilizar palabras clave como thin , medium o thick .

2. Estilo de borde: Especifica el estilo del borde, como solid , dashed , dotted , double , etc.

3. Color de borde: Especifica el color del borde. Puede utilizar nombres de colores, códigos hexadecimales ( #333 ), valores RGB ( rgb(51, 51, 51) ) u otras representaciones de colores.

Aquí hay un ejemplo con más detalle:

 CSS
 /* Set different border properties individually */
.element {
  border-width: 2px;      /* Width of the border */
  border-style: dashed;   /* Style of the border (dashed) */
  border-color: #ff0000;  /* Color of the border (red) */
}

También puede usar la propiedad border con las propiedades escritas a mano como se muestra arriba o con la propiedad abreviada para establecer todas las propiedades de borde a la vez:

 CSS
 /* Shorthand for setting all border properties */
.element {
  border: 2px dashed #ff0000; /* Width, style, and color in one line */
}

Siéntase libre de ajustar los valores según sus preferencias de diseño.