I want to make some new ideas-the level of the three-dimensional square is limited.
<Body style = "margin-top: 0; margin-left: 0;" bgcolor = "#000000"> <p style = "background: black; position: absolute; left: expression (body. clientWidth-150)/2); top: expression (body. clientHeight-240)/2); width: 150; height: 240 "> <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 = 'A' "> <center> <B> what you hear </B> <td class =" over "onmouseover =" this. className = 'A' "onmouseout =" this. className = 'bb' "> <center> <B> no connection </B> <td> </tr> <td class =" origin "onmouseover =" this. className = 'over' "onmouseout =" this. className = 'origin' "> <center> <B> black and white </B> <td class =" over "onmouseover =" this. className = 'origin' "onmouseout =" this. className = 'over' "> <center> <B> This is true </B> <td> </tr> </table> </p>
[Ctrl + A select all Note: If you need to introduce external Js, You need to refresh it to execute]