CSS实现的中文字段的几种有趣排列方式

文字倒排（逆时针转90度）：

两种竖排的：

运行代码框

<div style="width:5px;float:left;"><font face="@隶书" size="5px" color="red">只要你坚持不懈什么样的结果都有可能</font></div>
<div style="position:absolute;filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);float:right;"><font face="华文行楷" size="5px" color="blue">只要你坚持不懈什么样的结果都有可能</div>
[Ctrl A 全部选择 提示：你可先修改部分代码，再按运行]

文字段的反向排列:

运行代码框

<script type="text/javascript">//
function
scbg(objRef, state)
{
objRef.style.backgroundColor = (1 == state) ? '#EEEEEE' : '#FFFFFF';

return;
}
//</script>

<table>
<tr>
<td onmouseout="scbg(this, 0);" onmouseover="scbg(this, 1);" width="152" height="300">

<center>
<bdo dir="rtl">欢迎光临网页教学网</bdo></td>
</tr>
</table>
[Ctrl A 全部选择 提示：你可先修改部分代码，再按运行]

一种怪异的文字排法：

运行代码框

<style>div{writing-mode:tb-rl;
filter:flipH() flipV() alpha(opacity=50);}</style>

<div>你想用它来指挥星球大战吧?!如今齐天大圣也戴上了紧箍圈，他安慰自己说这也是一种修炼。
算尽九九八十一难终于到了西天，历经万险原来是为了仇人相见。</div>
[Ctrl A 全部选择 提示：你可先修改部分代码，再按运行]

<center>
<table>
<tr>
<td width="352" height="300" style="filter:fliph;font-size:20px;font-family:@隶书;color:deeppink;">

<center>
<bdo dir="rtl" ><i>对网页设计感兴趣的朋友可以交个朋友
</i></bdo></td>
</tr>
</table>
[Ctrl A 全部选择 提示：你可先修改部分代码，再按运行]