박스 그림자

요소에 그림자 효과를 추가할 수 있습니다.

box-shadow:수평거리 값 |     수직거리 값 |        blur 값 |        확장거리 값 |        색상 값 |     inset;

box-shadow 속성에서 수평거리와수직거리는 반드시 지정해야 하며（필수）

수평거리 : 그림자가 수평으로 얼마나 떨어져 있는지 지정합니다. 양수 값은 요소의 오른쪽에. 음수 값은 요소의 왼쪽에 그림자를 표시합니다（필수）.
수직거리 : 그림자가 수직으로 얼마나 떨어져 있는지 지정합니다 양수 값은 요소의 위쪽에, 음수 값은 요소의 아 래쪽에 그림자를 표시합니다（필수）.
blur : 그림자의 흐림 정도（bl아 radius）를 지정합니다. 이 값을 생략하면 0을 기본 값으로 하여 진한 그림자를 표시합니다. 이 값이 커질수록 부드러운 그림자를 표시하며. 음수 값은 사용할 수 없습니다.
확장거리 : 그림자가 얼마나 번지는지를 나타냅니다. 양수 값을 사용하면 모든 방향으로 그림자가 퍼져나가기 때 문에 박스보다 그림자가 크게 표시됩니다. 반대로 음수 값은 모든 방향으로 그림자가 축소되어 보입 니다. 기본 값은 0입니다
그림자 색상 : 그림자 색상을 지정합니다 16진수로 된 색상 값이나 색상 이름. rgb 값 모두 사용할 수 있습니다. 기 본 값은 검은색입니다.
inset : inset 키워드를 사용하면 박스 안쪽에 그림자를 표시하고. 사용하지 않으면 박스 바깥쪽에 그림자를 표시합니다.