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:
More
A short summary of the property in image:
Source: Css Débutant