Come posso ottenere un bordo tridimensionale?

Utente HTML.it
chiede

Come posso ottenere un bordo tridimensionale?

Redazione HTML.it
risponde

Gli stili dei bordi inset e outset rendono un bordo rispettivamente incassato e in rilievo.
Per esempio, per un bordo azzurro in rilievo attorno agli h3 la regola CSS sarà:

h3{border: 1px outset #0080FF}

Dato che la resa dei bordi inset e outset è differente sui diversi browser,conviene dichiarare il bordo
solid e controllare il colore di ciascun lato. Per esempio, per realizzare un bordo ombreggiato si può
rendere il bordo inferiore e quello destro più scuri:

h3{border: 1px solid; border-color: #AECDFF #4978C0 #4978C0 #AECDFF}