Coding/HTML & CSS

[HTML & CSS] Text Shadow(텍스트 그림자 효과) 넣기

포스트it 2021. 3. 8. 00:02

728x90

- code -

<!DOCTYPE html>
<html>
<head>
<style>
.first {
  text-shadow: 2px 2px red;
}
.second {
  text-shadow: 2px 2px red;
}
.third {
  text-shadow: 2px 2px 5px red;
}

</style>
</head>
<body>

<h1 class="first">텍스트 그림자 효과(Text Shadow) 1</h1>
<h1 class="second">텍스트 그림자 효과(Text Shadow) 2</h1>
<h1 class="third">텍스트 그림자 효과(Text Shadow) 3</h1>

</body>
</html>

결과물

텍스트 그림자 효과(Text Shadow) 1

텍스트 그림자 효과(Text Shadow) 2

텍스트 그림자 효과(Text Shadow) 3

728x90