방문해 주셔서 감사합니다.
앞에서 텍스트에 그림자 효과를 적용했었는데요.
이번에는 박스에 그림자를 적용하는 방법에 대해 알아볼게요.
CSS 속성은 box-shadow입니다.
선택자{box-shadow:가로길이값 세로길이값 번짐 효과 그림자 색}
그럼 예제로 표핸해 볼게요.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>박스에 그림자 효과 적용</title>
</head>
<body>
<div style="width:300px;height:100px;background:skyblue;box-shadow:10px 10px 10px lightblue"></div>
</body>
</html>
결과는 바로 아래에서 확인하겠습니다.
위 코드의 결과
이렇게 박스에 그림자 효과를 적용하는 방법에 대해 알아봤습니다..
봐주셔서 감사합니다. 문의 또는 잘못된 설명은 아래의 댓글에 부탁드립니다.
당신의 작은 누름이 저에게는 큰 희망이 됩니다.
일상의 이면에서 새로운 의미를 획득해냄으로써 일상과의 거리두기를 시도하고 있는 이연우 시인의 포토에세이. 자발적 유배를 선택한 작가가 자연과 가까워지려는 시선을 사계절의 사진 속에 고스란히 담아내어 시인의 시선에 조금 더 가까워질 수 있는 기회가 생겼다. 주변에 흔한 것, 그래서 놓치기 쉬운 것들을 향해 시종일관 낮아지고 작아지려는 마음을 대변하듯 글은 짧아졌고, 호흡은 길어졌으며, 사고는 더 깊어졌다.
댓글 0개
정렬기준
