Text Shadow 문자 그림자 > 퍼블리셔팁

퍼블리셔팁

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

Text Shadow 문자 그림자 정보

CSS Text Shadow 문자 그림자

본문

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

추천
0

댓글 0개

전체 1,263
퍼블리셔팁 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT