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
반응형
'Coding > HTML & CSS' 카테고리의 다른 글
| [HTML & CSS] 움직이는 Animation 효과 넣기 ! (0) | 2021.04.15 |
|---|---|
| [HTML & CSS] 다양한 특수문자, 기호(Symbol)들 입력값 # 1 (0) | 2021.03.16 |
| [HTML & CSS] 네비게이션 바(Navigation Bar) 세로 버전 (0) | 2021.02.26 |
| [HTML & CSS] 검색, 입력창에 값 넣기(datalist) (0) | 2021.01.13 |
| [HTML & CSS] 백그라운드(background)에 사진 넣기 (0) | 2020.12.26 |
댓글