| <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> |
原文：http://www.cnblogs.com/helkl/p/4563765.html