CSS3 그림자 효과 다섯번째
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>
|
댓글을 작성하시려면 로그인이 필요합니다.