Некоторые способы создания теней и выделений с помощью свойства border:

• Комбинирование с свойством box-shadow. 34 Для добавления теней к элементам страницы можно использовать свойство box-shadow, которое может быть внешней и внутренней. 5 Внешние тени создают эффект приподнятости элемента над остальным содержимым, а внутренние — эффект вдавленности элемента. 5 Пример использования: .box { border: 5px solid red; box-shadow: 0 0 0 5px green, 0 0 0 10px yellow, 0 0 0 15px orange;. 2
• Использование значений border-style. 1 Значения inset, outset, groove и ridge создают 3D-подобный эффект, который зависит от значения цвета границы. 1 Обычно это достигается созданием «тени» из двух цветов, которые немного светлее и темнее, чем цвет границы. 1
• Применение параметра outline. 2 Этот способ позволяет создать двойную границу. 2 Пример использования: .box { border: 5px solid #292929; outline: 5px solid #e3e3e3;. 2