CSS代码:
#right-col { background-color:#000; color:#ff6600; 390px; } #right-col p { -webkit-transform: rotate(-90deg); /* for Safari, Chrome */ -moz-transform: rotate(-90deg); /* for Firefox */ -o-transform: rotate(-90deg); /* for Opera */ writing-mode: tb-rl; /* for IE */ filter: flipv fliph; }
HTML:
<div id="right-col"><p>FeedBack</p></div>
效果:
参考网页: http://grasshopperpebbles.com/css/vertical-text-with-css/
下面的Solution是用JS实现, 我很喜欢其中Cube的Demo:
http://www.useragentman.com/blog/2010/03/09/cross-browser-css-transforms-even-in-ie/