设计个性网站，突出文章的某一部分，或者突出几个字，经常会使用到文字的阴影效果，但是设计文字的阴影效果时，应该根据周围的的设计而定，周围的文字颜色，大小，字体等，阴影效果是不是符合网站的整体，是否看起来不会很别扭，不能融合到网站中，如果不是，那么这种阴影效果是失败的，不如不设置。下面举一个例子，看一下如何设计网站的文字阴影效果。
<html>
<head>
<title>文字阴影效果</title>
<style type="text/css">
<!--
.z1{font-size:60pt;color:#8b0000;font-family:楷体;
positon:absolute;top:2cm;left:2cm;z-index:2} /*设置文字的主体*/
.z1{font-size:60pt;color:#c0c0c0;font-family:楷体;
positon:absolute;top:2.05cm;left:2.05cm;z-index:1} /*设置文字的阴影部分*/
-->
</style>
</head>
<body>
<div class=z1>杭州网站建设</div>
<div class=z2>杭州网站建设</div>
</body>
</html>
本课主题：文字阴影效果
相关主题：
网页定位position
设置边框属性border
设计网站边框的样式border-style
网站边框颜色
设计网站的边框宽度
请拨打热线：0571-86586571