<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>