【引用】羽化图片加竖排版文字的代码【原】

2011-06-26 00:20:55|  分类：代码 |  标签： |字号大中小

本文引用自Good fun《羽化图片加竖排版文字的代码【原】》

羽化图片加竖排版文字的代码【原】

Good fun编辑

金陵怀古

唐●刘禹锡

潮满冶城渚，

日斜征虏亭。

蔡洲新草绿，

幕府旧烟青。

兴废由人事，

山川空地形。

后庭花一曲，

幽怨不堪听。

代码复制如下：

<TABLE style="FILTER: alpha(opacity=100,style=2); WIDTH: 650px; BORDER-COLLAPSE: collapse; HEIGHT: 500px" borderColor=#555555 cellSpacing=0 cellPadding=0 width=0 align=center background=http://image41.360doc.com/DownloadImg/2011/11/0517/19037588_11.gif  border=0 cdhfcfb>

<TBODY>

<TR>

<TD>

<P><BR></P>

<DIV style="LEFT: -320px; POSITION: relative; TOP: -150px" align=center>

<DIV id=layer1 style="Z-INDEX: -1; LEFT: 50px; WIDTH: 180px; POSITION: absolute; TOP: 60px; HEIGHT: 150px">

<DIV style="WIDTH: 500px; WRITING-MODE: tb-rl; TEXT-ALIGN: left">

<P>&nbsp;&nbsp;&nbsp;&nbsp;</P>

<P align=center><FONT style="FONT-SIZE: 30px; FONT-FAMILY: 楷体_GB2312" color=#cc99ff><STRONG>金陵怀古<BR></STRONG></FONT></P>

<P align=center><FONT style="FONT-SIZE: 22px; FONT-FAMILY: 楷体_GB2312" color=#cc99ff>唐●刘禹锡</FONT><BR></FONT></P><FONT style="FONT-SIZE: 30px; FONT-FAMILY: 楷体_GB2312" color=#cc99ff>潮满冶城渚，<BR>日斜征虏亭。<BR>蔡洲新草绿，<BR>幕府旧烟青。<BR>兴废由人事，<BR>山川空地形。<BR>后庭花一曲，<BR>幽怨不堪听。<BR></FONT></FONT>

<P></P><BR>

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

代码说明如下

1、代码“opacity=100,style=2”是图片羽化的透明度和方式，你可以改变数值100来改变透明度，改变2来改变方式，这里的2是圆型渐变，3是方形渐变！

2、代码“WIDTH: 650px”“ HEIGHT: 500px”分别是背景图片的宽度和高度大小，你可以根据照片实际大小来设置。

3、“http://image41.360doc.com/DownloadImg/2011/11/0517/19037588_11.gif”背景图片地址，换成你自己的！

4、“LEFT: -320px; POSITION: relative; TOP: -150px”文字在图片上的定位，改变数值改变文字位置！

5、“WIDTH: 500px  ”文字显示区域的大小，自己设置。

6、“style="FONT-SIZE: 30px”文字显示大小，改变数值改变大小。

7、“FONT-FAMILY: 楷体_GB2312" color=#cc99ff”文字的字体和颜色，

好看的字体颜色有：

深红 #ff6600 ； 大红 #ff0000 ；  粉红 #ff66cc ； 淡红 #ff66ff ；

绿色 #ccff00 ； 紫蓝 #ff33ff ；  黄色 #ffff33 ； 金红 #cc0000 ；

天蓝 #66ffff ； 草绿 #66cc00 ；  深蓝 #3333ff ； 橙色 #ff9900 ；

深绿 #339900 ； 白色 #ffffff ；  黑色 #000000 ； 深褐 #990000 ；

8、加下划线的是文本内容，用代码“<br>”来换行！