立体文字(浮き出し／窪み）

素敵な
DynamicHTML

全く同一の要素を3つ重ねる。最下層と2番目の要素を上下に少しズラし、その文字色を変える。
最上位の文字色と最下層の背景色が同じでないと、凹凸の感じが出ないみたい....

<body>
<div id="dv1" style="position:absolute; left:62px; top:44px; width:380px; height:120px; z-index:1;
　　　text-align:center;color:black;font:40px;background-color:green">
<font face="ＤＦＰ勘亭流">素敵な</font><br>
<font face="Arial Black">DynamicHTML</font> </div>
<div id="dv1" style="position:absolute; left:66px; top:48px; width:380px; height:120px; z-index:2;
　　　text-align:center;color:silver;font:40px">
<font face="ＤＦＰ勘亭流">素敵な</font><br>
<font face="Arial Black">DynamicHTML</font> </div>
<div id="dv1" style="position:absolute; left:64px; top:46px; width:380px; height:120px; z-index:3;
　　　text-align:center;color:green;font:40px">
<font face="ＤＦＰ勘亭流">素敵な</font><br>
<font face="Arial Black">DynamicHTML</font> </div>
<p>　</p>
<div id="dv1" style="position:absolute; left:62px; top:198px; width:380px; height:120px; z-index:1;
　　　text-align:center;color:silver;font:40px;background-color:green">
<font face="ＤＦＰ勘亭流">素敵な</font><br>
<font face="Arial Black">DynamicHTML</font> </div>
<div id="dv1" style="position:absolute; left:66px; top:202px; width:380px; height:120px; z-index:2;
　　　text-align:center;color:black;font:40px">
<font face="ＤＦＰ勘亭流">素敵な</font><br>
<font face="Arial Black">DynamicHTML</font> </div>
<div id="dv1" style="position:absolute; left:64px; top:200px; width:380px; height:120px; z-index:3;
　　　text-align:center;color:green;font:40px">
<font face="ＤＦＰ勘亭流">素敵な</font><br>
<font face="Arial Black">DynamicHTML</font> </div>
<p>　</p>
<div id="dv1" style="position:absolute; left:62px; top:348px; width:380px; height:120px; z-index:1;
　　　text-align:center;color:black;font:40px">
<font face="ＤＦＰ勘亭流">素敵な</font><br>
<font face="Arial Black">DynamicHTML</font> </div>
<div id="dv1" style="position:absolute; left:66px; top:352px; width:380px; height:120px; z-index:2;
　　　text-align:center;color:silver;font:40px">
<font face="ＤＦＰ勘亭流">素敵な</font><br>
<font face="Arial Black">DynamicHTML</font> </div>
<div id="dv1" style="position:absolute; left:64px; top:350px; width:380px; height:120px; z-index:3;
　　　text-align:center;color:green;font:40px">
<font face="ＤＦＰ勘亭流">素敵な</font><br>
<font face="Arial Black">DynamicHTML</font> </div>
<p>　</p>
<div id="dv1" style="position:absolute; left:62px; top:498px; width:380px; height:120px; z-index:1;
　　　text-align:center;color:silver;font:40px">
<font face="ＤＦＰ勘亭流">素敵な</font><br>
<font face="Arial Black">DynamicHTML</font> </div>
<div id="dv1" style="position:absolute; left:66px; top:502px; width:380px; height:120px; z-index:2;
　　　text-align:center;color:black;font:40px">
<font face="ＤＦＰ勘亭流">素敵な</font><br>
<font face="Arial Black">DynamicHTML</font> </div>
<div id="dv1" style="position:absolute; left:64px; top:500px; width:380px; height:120px; z-index:3;
　　　text-align:center;color:green;font:40px">
<font face="ＤＦＰ勘亭流">素敵な</font><br>
<font face="Arial Black">DynamicHTML</font> </div>