글자 그림자 효과

 
 
  <style type="text/css">
h1, h2, h3, h4, h5, h6 {
	font-family:Cambria,"Palatino Linotype", "Book Antiqua", Palatino, "Times New Roman", Times, serif;
	padding-bottom:5px;
}

h1 a {
	text-decoration:none;
	padding:2px;
	text-shadow:1px 1px 5px #ccc;
}

h1 a:hover {
	background:#0481b5;
	color:#fff;
	text-shadow:1px 1px 1px #000;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}


a {
	color:#0481b5;
}

p a, article ul a, article ol a {
	text-decoration:none;
	padding:2px 3px;
}

p a:hover, article ul a:hover, article ol a:hover {
	background:#0481b5;
	color:#fff;
	text-shadow:1px 1px 1px #000;
}

 </style>
 

 
       <h1><a href="#">한글 English</a></h1> 

 



 

@ http://html5doctor.com/