Vertical Text with CSS(用CSS豎向排列文本)

CSS代碼:

#right-col {background-color:#000;color:#ff6600;width: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/