반응형
Text Shadow 문자 그림자
이 text-shadow속성은 텍스트에 그림자를 추가합니다.
다음 예제는 수평 그림자 (3px), 수직 그림자 (2px) 위치 및 그림자 색상 (빨간색)의 위치를 지정합니다.
Example
h1 {
text-shadow: 3px 2px red;
}
<!DOCTYPE html>
<html>
<head>
<style>
h1 {
text-shadow: 3px 2px red;
}
</style>
</head>
<body>
<h1>Text-shadow effect</h1>
<p><b>Note:</b> Internet Explorer 9 and earlier do not support the text-shadow property.</p>
</body>
</html>
반응형
'IT > css' 카테고리의 다른 글
| css Font Style 글꼴 스타일 (0) | 2017.02.19 |
|---|---|
| css Font Family 글꼴 모음 (0) | 2017.02.19 |
| css Word Spacing 단어 간격 (0) | 2017.02.17 |
| css Line Height 라인 높이 (0) | 2017.02.17 |
| css Letter Spacing 글자 간격 (0) | 2017.02.15 |