∮Ω奧米加空間∮»技術文件區精華區»【教學】網頁直書CSS定義範例
| 作者 |
主題 |
dc
管理員
性別:男
來自:瓦肯星
發表總數:11734
註冊時間:2002-05-07 16:32 |
(第 1 篇) 【教學】網頁直書CSS定義範例
在你的<HEAD></HEAD>間放上
<style type="text/css">
<!--
.rltext { writing-mode:tb-rl }
-->
</style>
然後在你想要直書的地方放入
class="rltext"
就OK了
研究範例
<HTML>
<HEAD>
<TITLE>文字縱向書寫</TITLE>
<style type="text/css">
<!--
.rltext { writing-mode:tb-rl }
-->
</style>
</HEAD>
<BODY bgcolor="#FFFFFF">
<table border="0" cellspacing="1" cellpadding="5">
<tr>
<td bgcolor="#003399">
<div id="Layer1" style="position:absolute; left:415px; top:48px; width:35px; height:400px; z-index:1" class="rltext">div
也可以文字縱向書寫 指定高度可以牌的漂亮一點</div>
</td>
<td class="rltext" bgcolor="#eeeeee" valign="top" width="300" height="500" >明月幾時有，把酒問青天。<br>
不知天上宮闕，今夕是何年。<br>
我欲乘風歸去，又恐瓊樓玉宇，高處不勝寒。<br>
起舞弄清影，何似在人間。
<p> 轉朱閣，低綺戶，照無眠。<br>
不應有恨，何事長向別時圓。<br>
人有悲歡離合，月有陰晴圓缺，此事古難全。<br>
但願人長久，千里共嬋娟
<p>
<p> 注意寬跟高的設定會相反喲<br>
例如此儲存格設定width="300" height="500" <br>
但是顯示會變成width="300" height="500"!!
<p>多試各種組合就知道了
</td>
</tr>
<tr bgcolor="#990000">
<td class="rltext">If You Use Emglish Wile like this!!</td>
<td>
<p class="rltext">連<p>都可以</p>
<p class="rltext">連<p都可以</p>
</td>
</tr>
</table>
</BODY>
</HTML>
Your mind to my mind,
your thought to my thought |
| 發表時間:2002-08-06 12:23 |
|
|
所有時間均為GMT+8, 現在是2026-08-25 23:37 |
|
