特想搞点新的创意出来-立体方块

无奈本人的水平有限

<body style="margin-top:0;margin-left:0;" bgcolor="#000000"> <style> .origin { background-color:#000000; color:#ffffff;font-family:华文行楷;font-size:10pt;writing-mode:tb-rl; } .over { background-color:#ffffff; color:#000000;font-family:隶书;font-size:10pt;writing-mode:tb-rl; } .aa{ background-color:gold; color:green;font-family:华文行楷;font-size:10pt;writing-mode:tb-rl; } .bb { background-color:green; color:gold;font-family:隶书;font-size:10pt;writing-mode:tb-rl; } </style> <center> <table border="0" width="150" height="240" style="border:0px dotted lime;filter:progid:DXImagetransform.microsoft.shadow（strength=24,direction=135,color=#666666）" cellspacing="0" cellpadding="0"> <tr> <td class="origin" onmouseover="this.className="bb"" onmouseout="this.className="aa""><center><b>如是所闻</b><td> <td class="over" onmouseover="this.className="aa"" onmouseout="this.className="bb""><center><b>青黄不接</b><td> </tr> <tr> <td class="origin" onmouseover="this.className="over"" onmouseout="this.className="origin""><center><b>黑白两道</b><td> <td class="over" onmouseover="this.className="origin"" onmouseout="this.className="over""><center><b>此乃真正</b><td> </tr> </table>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]