반응형
안녕하세요.
css3에는 사용자가 쉽게 디자인을 할 수 있도록 그림자 속성을 지원합니다.
text-shadow는 글자에 그림자를 적용하는 속성입니다.
사용 방법은 text-shadow: 오른쪽 아래 흐림도 색상 입니다.
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
|
<!DOCTYPE html>
<html>
<head>
<title>codeomni.tistory.com css3 스타일시트 text-shadow 텍스트 그림자 속성 소스 코드 예제</title>
<style>
body {
background-color: #316097;
}
h1 {
color: #d9cbb3;
text-shadow: 10px 5px 10px #a89c86;
}
</style>
</head>
<body>
<div>
<h1>codeomni 텍스트 그림자 속성</h1>
</div>
</body>
</html>
|
cs |
▲ 실행 화면입니다.
댓글