羽化圖片加豎排版文字的代碼【原】
06-08
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://image15.360doc.com/DownloadImg/2010/09/1909/5392382_1.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> </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://image15.360doc.com/DownloadImg/2010/09/1909/5392382_1.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>」來換行!
推薦閱讀:
推薦閱讀:
※markdown中對齊方式怎樣設定?比如怎樣將文字右對齊?
※為什麼相同長度的豎線與橫線,看起來豎線比橫線長?
※效率排版!如何像烹飪一樣做PPT?
※如何看待 W3C 的中文排版需求(草案)的發布?
※Apple 網頁排版在 Keynote 中的仿製