CSS - 텍스트에 그림자 효과 속성

글자에 그림자 효과를 넣으려면 text-shadow 속성을 이용합니다.

text-shadow: h-shadow v-shadow blur-radius color

값	설 명
h-shadow	가로 방향. 필수 항목 양수 값은 오른쪽으로, 음수 값은 왼쪽으로 그림자를 만듬.
v-shadow	세로 방향. 필수 항목 양수 값이면 아래쪽으로, 음수 값이면 위쪽으로 그림자를 만듬.
blur-radius	번짐 반경. 양수이면 모든 방향으로 번지고, 음수이면 축소되어짐. 기본 값 0
color	그림자의 색상.
none	효과 없음

<style>
.hh1 {
  text-shadow: 2px 2px #FF0000;
}
.hh2 {
  text-shadow: 2px 2px 10px #FF0000;
}
</style>

<h1 class="hh1">제목입니다.</h1>
<h1 class="hh2">제목입니다.</h1>

제목입니다.

제목입니다.