1、首先，我们应该先给div设置宽度和高度，保证文字有一个范围。
2、然后通过background给div添加一张图片作为它的背景。
3、接着可以通过url()来连接图片，url里面放置的就是背景图片的路径。
4、随意地放了一张图片用作背景，一定要注意，路径要写对。
5、这样，保存之后文字就会覆盖在图片的上面了。
<style type="text/css">body { font-size:12pxfont-family:Arial, Helvetica, sans-serif
filter:alpha(style=1,startY=0,finishY=100,startX=100,finishX=100)
background-color:#666666
}
.sizscolor {
position:absolute
padding:4px
filter:
Dropshadow(offx=1,offy=0,color=white)
Dropshadow(offx=0,offy=1,color=white)
Dropshadow(offx=0,offy=-1,color=white)
Dropshadow(offx=-1,offy=0,color=white)
text-shadow:0 0 1px #FFF
}
</style>
</head>
<body>
<span>ie用滤镜，火狐用css3</span>
<br />
<div class="sizscolor">中文描边效果</div>
</body>
</html>
<style>.test
{
text-shadow:
1px 1px 0 #CCC,
2px 2px 0 #CCC, /* end of 2 level deep grey shadow */
3px 3px 0 #444,
4px 4px 0 #444,
5px 5px 0 #444,
6px 6px 0 #444 /* end of 4 level deep dark shadow */
}
</style>
<body>
<h1>3D效果</h1>
</body>
// 具体效果可以改变颜色值和位移值来实现不同的3d效果
