Simple effect on the edges

You can set up simple effects with CSS, such as as a dotted border.

border-style: value;

Possible values:

dashed

dotted

double

groove

hidden

inset

none

outset

ridge

solid

Note that

In your statements, always set the "border-style" before the "border-color" property. Indeed, a border should be materialized before being colored.

Working with the size

You can set the size of an edge with the property:

border-width: value;

Possible values:

Length

Thin

Medium

Thick

More

A short summary of the property in image:

Source: Css Débutant