컴

Text Shadow 문자 그림자

· 2017-02-19 (일) 23:36:11 · 2168

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>


3862a0aae2674dac0b735edab1e7a38d_1487514969_0539.png

|
댓글을 작성하시려면 로그인이 필요합니다.

퍼블리셔팁

1,282건

퍼블리싱과 관련된 유용한 정보를 공유하세요. 질문은 상단의 QA에서 해주시기 바랍니다.

+
분류 제목 글쓴이 날짜 조회
CSS 17-02-20 조회 2,532
CSS 17-02-20 조회 2,760
CSS 17-02-19 조회 1,988
CSS 17-02-19 조회 2,844
CSS 17-02-19 조회 2,169
CSS 17-02-17 조회 2,257
CSS 17-02-17 조회 2,359
CSS 17-02-17 조회 2,353
CSS 17-02-14 조회 3,268
CSS 17-02-14 조회 2,312
CSS 17-02-14 조회 2,393
CSS 17-02-13 조회 2,330
CSS 17-02-13 조회 2,204
HTML 17-02-13 조회 2,615
CSS 17-02-07 조회 2,550
CSS 17-02-07 조회 2,393
CSS 17-02-07 조회 2,664
CSS 17-02-06 조회 2,459
CSS 17-02-06 조회 2,184
CSS 17-02-06 조회 2,306
CSS 17-02-04 조회 2,506
CSS 17-02-04 조회 2,364
CSS 17-02-04 조회 2,807
CSS 17-02-03 조회 2,805
CSS 17-02-03 조회 2,391
CSS 17-02-03 조회 2,026
CSS 17-02-02 조회 2,645
CSS 17-02-02 조회 2,336
CSS 17-02-02 조회 2,987
CSS 17-01-31 조회 2,321