테스트 사이트 - 개발 중인 베타 버전입니다

CSS3 그림자 효과 다섯번째

· 8년 전 · 1648

CSS3 그림자 효과 다섯번째


text-shadow 속성을 사용하여 그림자가없는 텍스트 주위에 일반 테두리를 만들 수도 있습니다. 



 

h1 {

    color: yellow;

    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;

}




<!DOCTYPE html>

<html>

<head>

<style>

h1 {

    color: yellow;

    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;

}

</style>

</head>

<body>


<h1>Border around text!</h1>


<p><b>Note:</b> Internet Explorer 9 and earlier versions, do not support the text-shadow property.</p>


</body>

</html>




 

댓글 작성

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

로그인하기

게시글 목록

번호 제목
2952
2951
2950
2949
2948
2947
2946
2945
2944
2943
2942
2941
2940
2939
2938
2937
2936
2935
2934
2933
2932
2931
2930
2929
2928
2927
2926
2925
2924
2923