Some Simple CSS Samples
阿拉伯文以及其他需要左侧滚动条的实现:
السلام عليكم!
这里中文文字右到左.
السلام عليكم!
这里中文文字从左到右.
<div style="background-color:#ffffec;border-right: #ffccff 1px dotted; border-top: #ffccff 1px dotted; scrollbar-face-color: deeppink; scrollbar-highlight-color: #f5d8f5; overflow: auto; border-left: #ffccff 1px dotted; width: 100%; scrollbar-track-color: #fefefe;scrollbar-shadow-color: #e5c8e5; direction:rtl; scrollbar-3dlight-color: #ffffff; line-height: 15px; scrollbar-arrow-color: #ffffff; scrollbar-track-color: #ffefff; border-bottom: #ffccff 1px dotted; scrollbar-darkshadow-color: #ffffff; scrollbar-base-color: #ff66ff; height: 100px"><br/>
<div> السلام عليكم!<br/> 这里中文文字右到左.<br/>
<div dir="ltr"> السلام عليكم!<br/> 这里中文文字从左到右.</div>
<br/><br/>
</div>
</div>
direction: rtl; 方向: Right To Left 从右到左
RTE强迫我标签大写 我也没有办法 应该全部是小写
---- ----
首字大字体显示:
Belem is a young man. United you play, united you win.
你好啊! Guten Tag! Bonjour! Hola! السلام عليكم! Здравствулте! Ciao! Godday! Hej ! Γειάσου! Goedendag! Namaste! Aloha! 여보세요! お前が悪い!
<div style="width:100%; line-height:normal; letter-spacing:1px; font-family:verdana, times new roman, serif; font-size:12px; color:#696969; border:1px dotted #ddd;">
<span style="font-size:42px; color:#f60; font-weight:bold; float:left; height:34px; line-height:34px;">B</span> elem is a young man. United you play, united you win. <br/>你好啊! <span style="color:#ff9933">Guten Tag! Bonjour! Hola! السلام عليكم! Здравствулте! Ciao! Godday! Hej ! Γειάσου! Goedendag! Namaste! Aloha! 여보세요! お前が悪い!
</span>
</div>
float:left; 布局属性 在左侧浮动
---- ----
日志背景图片 前景图片 文字图片环绕综合样例:
花前失却游春侣,独自寻芳.满目悲凉.纵有笙歌亦断肠.林间戏蝶帘间燕,各自双双.忍更思量,绿树青苔半夕阳.
汴水流,泗水流,流到瓜州古渡头.吴山点点愁.思悠悠,恨悠悠,恨到归时方始休.月明人倚楼.
饮散离亭西去,浮生长恨飘蓬.回头烟柳渐重重,淡云孤雁远,寒日暮天红.今夜画船何处?潮平淮月朦胧.酒醒人静奈愁浓.残灯孤枕梦,轻浪五更风.
一叶落,褰珠箔,此时景物正萧索.画楼月影寒,西风吹罗幕,往事思量着.
永夜抛人何处去?绝来音.香阁掩,眉敛,月将沉.争忍不相寻?怨孤衾.换我心,为你心,始知相忆深.
一曲新词酒一杯,去年天气旧亭台.夕阳西下几时回? 无可奈何花落去,似曾相识燕归来.小园香径独徘徊.
无言独上西楼,月如钩,寂寞梧桐深院锁清秋.剪不断,理还乱,是离愁.别是一般滋味在心头. |
<div style="border:1px #ffccff dotted;">
<table style="height:auto; width:99%; table-layout:fixed" background="http://lieb.cn/spacestipspics/yuan.gif">
<tr>
<td>
<div style="font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; width:98%; color:#d876ac; text-align:left">
<img style="float: right" src="http://lieb.cn/spacestipspics/corner.gif" alt="右上角前景图片" />
<p/>花前失却游春侣,独自寻芳.满目悲凉.纵有笙歌亦断肠.林间戏蝶帘间燕,各自双双.忍更思量,绿树青苔半夕阳. <br/>
<br/>汴水流,泗水流,流到瓜州古渡头.吴山点点愁.思悠悠,恨悠悠,恨到归时方始休.月明人倚楼.<br/>
<br/>饮散离亭西去,浮生长恨飘蓬.回头烟柳渐重重,淡云孤雁远,寒日暮天红.今夜画船何处?潮平淮月朦胧.酒醒人静奈愁浓.残灯孤枕梦,轻浪五更风.<br/>
<br/>一叶落,褰珠箔,此时景物正萧索.画楼月影寒,西风吹罗幕,往事思量着.<br/>
<br/>永夜抛人何处去?绝来音.香阁掩,眉敛,月将沉.争忍不相寻?怨孤衾.换我心,为你心,始知相忆深.<br/>
<br/>一曲新词酒一杯,去年天气旧亭台.夕阳西下几时回? 无可奈何花落去,似曾相识燕归来.小园香径独徘徊.<br/>
<br/>无言独上西楼,月如钩,寂寞梧桐深院锁清秋.剪不断,理还乱,是离愁.别是一般滋味在心头.
</div>
</td>
</tr>
</table>
</div>
情非得以, 在表格<table>中使用了龌龊的 background="背景图片URL" 主要是MSN Spaces RTE过滤background-image:url(Belem2.gif); background:url(Belem2.gif)等等