文字3D效果轻松做

Author: 吴斌 Date: 2001年 17期
?牐犜谕铣謇耸保颐浅３１灰恍┩镜?3D文字效果迷住，不过这些大多是用专业图形处理软件制作出来的图片，其实我们只需在HTML中加入CSS样式表也可以做出类似效果。
　　?牐犖依淳俑隼印Ｎ颐窃は缺嘈匆桓鲅奖恚肴缦拢?
　　?牐?<style>
　　?牐?<!--
　　?牐?.3dfont{ ??
　　?牐燜ILTER: glow（color=①，strength=②， shadow（color=③，direction=④）; POSITION: relative; WIDTH:⑤%
　　?牐爙??
　　?牐?-->
　　?牐?</style>
　　?牐犉渲胁问偈谴碜痔灞呖虻难丈问诳刂谱痔灞呖虻拇侄龋问鄞碜痔逡跤把丈问苡胍跤胺较蛴泄兀问菘刂莆淖秩嚎矶取?
　　?牐牻酉吕次颐窃俦嘈匆桓霰曜嫉腍TML文件，假设其源代码是这样的：
　　?牐?<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" 。
　　?牐牶昧耍衷谖颐潜４嫱常⒃阡榔髦写蚩魄啤Ｔ谡飧隼又校趁姹尘笆呛谏模淖质前岛焐模痔灞呖蚴前咨模跤耙彩前咨模╚17040705a^）。怎么样，效果不比3D软件做出来的逊色多少吧？当然通过改变样式表参数①~⑤的值，我们还可以举一反三，做出其它效果的文字来（^17040705b^），有兴趣的朋友不妨试一试。