<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> |
时间: 2024-10-05 05:09:47