だから私はちょうどいじっていて、画面上で 3 つの W を重ねるという素晴らしいアイデアを思いつきました。その部分はうまく機能します。私がやりたいことは、その下に 1 行または 2 行のテキストを表示することです。なんらかの理由で、テキストを WWW の下に表示する方法がわかりません。テキストの div がその上に表示されます。
これが私のスタイルシートです...
body {
background-color:#000000;
color:#ffff00;
font-size:10pt;
font-family:arial;
}
#WWWHolder {
width:800px;
margin-left:auto;
margin-right:auto;
margin-top:100px;
display:block;
}
.w {
font-size:400px;
font-family:times;
color:#f8f8f8;
position:absolute;
}
#w1 {
z-index:2;
text-shadow:-1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}
#w2 {
z-index:1;
font-size:350px;
margin-left:225px;
margin-top:50px;
color:#d8d8d8;
text-shadow:-1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}
#w3 {
z-index:2;
margin-left:395px;
text-shadow:-1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}
.YReg {
color:#ffff00;
font-size:10pt;
font-family:arial;
}
.WReg {
color:#ffffff;
font-size:10pt;
font-family:arial;
}
これが私のHTMLコードです...
<div id="WWWHolder">
<div id="w1" class="w" title="Winslow">W</div>
<div id="w2" class="w" title="Web">W</div>
<div id="w3" class="w" title="Works">W</div>
</div>
<div class="YReg" style="text-align:center;">
Some Text Goes Here.
</div>
これは、CSS の専門家の一部にとっては簡単なことであるに違いないと確信しています。