竖排文字在图框背景层上定位 代码: <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>,署名栏里的∣∣∣∣∣∣∣一葉之秋竖排字会自动换一行显示。 加上棕色的∣∣∣∣∣∣∣竖杠,要注意一点,就是设置颜色、字号时,颜色和字号必须要和图框背景层上的颜色相同、字号也要和前面设置的字号相同,只有这样棕色的竖杠、才不会显示在 图框背景层上。 看看效果怎样 |
评论