Как добавить тень под навигационную панель, используя CSS?

Question

Я абсолютный новичок, когда дело доходит до HTML & CSS, поэтому я считаю, что для некоторых из вас это может показаться легким.

Я искал способ добавить простую тень на панель навигации, например, на codecademy.com / , к моей уже существующей панели навигации. Я включаю HTML & CSS в коде ниже:

[https://www.codepen.io/CodingAddict/pen/QWbmBVQ][2]

Answer 1

Добавьте коробку-тень на панель навигации. не в заголовок сайта.

nav {
  box-shadow: 0 2px 4px 0 rgba(0,0,0,.2);
}

Answer 2

просто добавьте эту строку в css файл

.site-header {box-shadow: 0 2px 4px 0 rgba (0,0,0, .1); }

Изменить это

.site-header nav {box-shadow: 0 2px 4px 0 rgba (0,0,0, .2);} или nav {box-shadow: 0 2px 4px 0 rgba (0,0,0, .2);}