注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

章鱼博客

与你共享

 
 
 

日志

 
 

竖排文字在图框背景层上定位  

2009-02-01 14:47:27|  分类: 博客代码 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

 

 

竖排文字在图框背景层上定位

代码:

<TABLE borderColor=#5F9EA0 height=480 width=720 align=center border=25>
<TBODY>
<TR>
<TD>

<DIV align=center>
<DIV style="LINE-HEIGHT: 120%; WRITING-MODE: tb-rl" height="380" width="600">
<BR><BR><BR><BR><BR><BR><BR>

<DIV align=left><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 28pt; LINE-HEIGHT: 2em; FONT- VARIANT: normal; FONT-: normal;LETTER-: 0.2em" face=华文行楷 color=#ff0000>
︻风月尘缘︼ <BR>

<DIV align=left><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 28pt; LINE-HEIGHT: 2em; FONT-

VARIANT: normal;FONT-: normal;LETTER-: 0.2em" face=华文行楷 color=#ff0000>

风花雪月一场梦<BR>

<DIV align=left><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 28pt; LINE-HEIGHT: 2em; FONT-

VARIANT: normal; FONT-: normal;LETTER-: 0.2em" face=华文行楷 color=#ff0000>

 尘缘未了万事空<BR> 

<DIV align=left><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 28pt; LINE-HEIGHT: 2em; FONT-

VARIANT: normal; FONT-: normal;LETTER-: 0.2em" face=华文行楷 color=#ff0000>

 莫叹世间真情少<BR>

<DIV align=left><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 28pt; LINE-HEIGHT: 2em; FONT-

VARIANT: normal; FONT-: normal;LETTER-: 0.2em" face=华文行楷 color=#ff0000>

 你我相遇惜知已<BR>


<DIV align=left><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 16pt; LINE-HEIGHT: 2em; FONT-

VARIANT: normal; FONT-: normal;

LETTER-: 0em" face=华文行楷 color=#FFEBCD><BR>∣∣∣∣∣∣∣

<font  face=隶书 style=font:18pt  color=#0000FF><B>一葉知秋<B></font>

</FONT></DIV></TBODY></TR></TD></TABLE></DIV>

说明:

只要加上多个红色换行标记<BR>,图框中的整个竖排文字会从右向左移动。如要想整个竖排文字往下面移动,可以在粉红色的定位标记<DIV align=center>后面加上多个换行标记<BR>,即可。

加一个兰色一个换行标记<BR>,署名栏里的∣∣∣∣∣∣∣一葉之秋竖排字会自动换一行显示。

加上棕色的∣∣∣∣∣∣∣竖杠,要注意一点,就是设置颜色、字号时,颜色和字号必须要和图框背景层上的颜色相同、字号也要和前面设置的字号相同,只有这样棕色的竖杠、才不会显示在 图框背景层上。

看看效果怎样








︻风月尘缘︼
风花雪月一场梦
尘缘未了万事空
莫叹世间真情少
你我相遇惜知已

∣∣∣∣∣∣∣ 一葉知秋
 
 
 
 
  评论这张
 
阅读(225)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017