css3 testing

rainbow

text-shadow

三色立体字
只适合Chrome或FireFox浏览器

1. <center>
2. <div style="color:#0070c0; text-shadow:1px 1px 0 #ff33ff,2px 2px 0 #ff33ff,3px 3px 0 #ff33ff,4px 4px 0 #009900,5px 5px 0 #009900,6px 6px 0 #009900; font-family: simhei; font-size: 70px; font-weight:bold; line-height:150%; letter-spacing:10px; width:800px">三色立体字<br>只适合Chrome或FireFox浏览器</div>
3. </center><br><br>

複製代碼

rainbow

圓角邊框及雙色陰影字
只適合Chrome
或
FireFox瀏覽器

1. <center>
2. <div style="border:3px solid #003399; padding:40px 30px; background:#dddddd;width:700px;border-radius:20px">
3. <div style="font-size:60px; color:#0070c0; font-weight:bold; line-height:150%;font-family:simhei; text-shadow: 5px 5px 5px #000000;">圓角邊框及雙色陰影字<br>只適合Chrome<br>或<br>FireFox瀏覽器</div>
4. </div>
5. </center>

複製代碼

rainbow

大 标 题