<html>
<head>
<title>文字阴影效果</title>
<style type="text/css">
<!--
body{
margin:15px;
font-family:黑体;
font-size:60px;
font-weight:bold;
}
#block1{
position:relative;
z-index:1;
}
#block2{
color:#AAAAAA; /* 阴影颜色 */
position:relative;
top:-1.06em; /* 移动阴影 */
left:0.1em;
z-index:0; /* 阴影重叠关系 */
}
-->
</style>
</head>
<body>
<div id="father">
<div id="block1">CSS定位阴影</div>
<div id="block2">CSS定位阴影</div>
</div>
</body>
</html>