在网上冲浪时，我们常常被一些网站的3D文字效果迷住，不过这些大多是用专业图形处理软件制作出来的图片，其实我们只需在HTML中加入CSS样式表也可以做出类似效果。
我来举个例子。我们预先编写一个样式表，代码如下：
<style>
<！--
.3dfont{
FILTER: glow(color=①，strength=②， shadow(color=③，direction=④); POSITION: relative; WIDTH：⑤%
}
-->
</style>
其中参数①是代表字体边框的颜色，参数②控制字体边框的粗度，参数③代表字体阴影颜色，参数④与阴影方向有关，参数⑤控制文字群宽度。
接下来我们再编写一个标准的HTML文件，假设其源代码是这样的：
<html>
<head>
<title>网页3D文字轻松做</title>
</head>
<body bgcolor="#000000">
<div align="center">
<center>
<table>
<tr>
<td width="100%">
<p align="center"><span style="letter-spacing: 1"><b><font color="#800000" face="文鼎新艺体简" size="7">电脑报的读者大家好！</font></b></span></p>
</td>
</tr>
</table>
</center>
</div>
</body>
</html>
在<head></head>之间插入我们预先编写好的样式表，让①=FFFFFF，②=0，③=FFFFFF，④=135，⑤=100。在<body></body>的字体属性里，即<font>中，再加入字体样式class="3dfont" 。
好了，现在我们保存网页，并在浏览器中打开瞧瞧。在这个例子中，页面背景是黑色的，文字是暗红色的，字体边框是白色的，阴影也是白色的(
)。怎么样，效果不比3D软件做出来的逊色多少吧？当然通过改变样式表参数①~⑤的值，我们还可以举一反三，做出其它效果的文字来(
)，有兴趣的朋友不妨试一试。