↓←複製起點 文章背景圖框應用(二度空間)語法測試參考,此框適合標準無加寬三欄式
|
背景圖框參考
http://tw.myblog.yahoo.com/jw!.KNty8iGR0WBlosOtiUpDA--/article?mid=16276&next=15709&l=f&fid=25
完整語法:
<table style="BORDER-LEFT-COLOR: #fafafa; BORDER-BOTTOM-COLOR: #fafafa; BORDER-TOP-STYLE: outset; BORDER-TOP-COLOR: #fafafa; BORDER-RIGHT-STYLE: outset; BORDER-LEFT-STYLE: outset; BORDER-RIGHT-COLOR: #fafafa; BORDER-BOTTOM-STYLE: outset;WIDTH:650px;HEIGHT:520px;" cellSpacing="0" cellPadding="0" align="center" border="6"> <tr> <td> <table style="BORDER-LEFT-COLOR: #fafafa; BORDER-BOTTOM-COLOR: #fafafa; BORDER-TOP-STYLE: inset; BORDER-TOP-COLOR: #fafafa; BORDER-RIGHT-STYLE: inset; BORDER-LEFT-STYLE: inset; BORDER-RIGHT-COLOR: #fafafa; BORDER-BOTTOM-STYLE: inset" cellSpacing="0" cellPadding="0" align="center" border="10"> <tr> <td> <table style="BORDER-LEFT-COLOR: #f2f2f2; BORDER-BOTTOM-COLOR: #f2f2f2; BORDER-TOP-STYLE: solid; BORDER-TOP-COLOR: #f2f2f2; BORDER-RIGHT-STYLE: solid; BORDER-LEFT-STYLE: solid; BORDER-RIGHT-COLOR: #f2f2f2; BORDER-BOTTOM-STYLE: solid" cellSpacing="0" cellPadding="0" align="center" border="6"> <tr> <td> <table style="BORDER-LEFT-COLOR: #cccccc; BORDER-BOTTOM-COLOR: #cccccc; BORDER-TOP-STYLE: solid; BORDER-TOP-COLOR: #cccccc; BORDER-RIGHT-STYLE: solid; BORDER-LEFT-STYLE: solid; BORDER-RIGHT-COLOR: #cccccc; BORDER-BOTTOM-STYLE: solid" cellSpacing="0" cellPadding="15" align="center" bgColor="#f2f2f2" border="2"> <tr> <td background="http://www.newspace.com.tw/images/BGColor/bg1/a-666.gif"> <table style="BORDER-LEFT-COLOR: #cccccc; BORDER-BOTTOM-COLOR: #cccccc; BORDER-TOP-STYLE: solid; BORDER-TOP-COLOR: #cccccc; BORDER-RIGHT-STYLE: solid; BORDER-LEFT-STYLE: solid; BORDER-RIGHT-COLOR: #cccccc; BORDER-BOTTOM-STYLE: solid" cellSpacing="0" cellPadding="10" align="center" bgColor="#f2f2f2" border="2"> <tr> <td background="http://image.mleps.hlc.edu.tw/05網頁背景/17各種色調/01灰色調/03.gif"> <table style="BORDER-LEFT-COLOR: #cccccc; BORDER-BOTTOM-COLOR: #cccccc; BORDER-TOP-STYLE: solid; BORDER-TOP-COLOR: #cccccc; BORDER-RIGHT-STYLE: solid; BORDER-LEFT-STYLE: solid; BORDER-RIGHT-COLOR: #cccccc; BORDER-BOTTOM-STYLE: solid" cellSpacing="0" cellPadding="20" align="center" bgColor="#f2f2f2" border="2"> <tr> <td background="http://rj.foto.radikal.ru/0709/14/881b2300bdd4.gif"> <table style="BORDER-LEFT-COLOR: #cccccc; BORDER-BOTTOM-COLOR: #cccccc; BORDER-TOP-STYLE: solid; BORDER-TOP-COLOR: #cccccc; BORDER-RIGHT-STYLE: solid; BORDER-LEFT-STYLE: solid; BORDER-RIGHT-COLOR: #cccccc; BORDER-BOTTOM-STYLE: solid" cellSpacing="0" cellPadding="0" align="center" bgColor="#f2f2f2" border="1"> <tr> <td style="BACKGROUND-REPEAT: no-repeat;HEIGHT:372px;" background="http://pt7220405.t35.com/bloggif/ap_F23_20080424085332481.jpg"> <table style="BORDER-COLLAPSE: collapse" cellSpacing="35" cellPadding="0" align="center" border="0"> <tr> <td> <font color="#ffffff" size="4"> 我的眼裡有漫天風沙<br> 我的心不為誰溶化<br> <br> 我的淚灑遍沙漠不開花<br> 不願為你牽掛<br> <br> 給愛流浪的人一個家<br> 送給孤獨的人真心話<br> <br> 經過這些年你還想我嗎<br> 其實也不必回答</font></td> <td> <embed src="http://vlog.xuite.net/vlog/swf/lite.swf?media=NzQxNTEw&ar=1&as=1" width="1" height="1" type="application/x-shockwave-flash" allowScriptAccess="none"> </td> <td> <font color="#ffffff" size="4"> 多情的人總因為無情傷心<br> 又何苦執著 誰對誰最真心<br> 風沙千年都吹不停<br> 掩住我滴滴淚的眼睛<br> 多情的人總因為無情傷心<br> 別問我今生何時才會夢醒<br> 風沙千年都吹不停<br> 深深地埋藏著我一生的愛情</font> </td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table> |
語法應用參考:
<table style="BORDER-LEFT-COLOR: #fafafa; BORDER-BOTTOM-COLOR: #fafafa; BORDER-TOP-STYLE: outset; BORDER-TOP-COLOR: #fafafa; BORDER-RIGHT-STYLE: outset; BORDER-LEFT-STYLE: outset; BORDER-RIGHT-COLOR: #fafafa; BORDER-BOTTOM-STYLE: outset;WIDTH:650px;HEIGHT:520px;"/*外框的總寬高*/ cellSpacing="0" cellPadding="0" align="center" border="6"> <tr> <td> <table style="BORDER-LEFT-COLOR: #fafafa; BORDER-BOTTOM-COLOR: #fafafa; BORDER-TOP-STYLE: inset; BORDER-TOP-COLOR: #fafafa; BORDER-RIGHT-STYLE: inset; BORDER-LEFT-STYLE: inset; BORDER-RIGHT-COLOR: #fafafa; BORDER-BOTTOM-STYLE: inset" cellSpacing="0" cellPadding="0" align="center" border="10"> <tr> <td> <table style="BORDER-LEFT-COLOR: #f2f2f2; BORDER-BOTTOM-COLOR: #f2f2f2; BORDER-TOP-STYLE: solid; BORDER-TOP-COLOR: #f2f2f2; BORDER-RIGHT-STYLE: solid; BORDER-LEFT-STYLE: solid; BORDER-RIGHT-COLOR: #f2f2f2; BORDER-BOTTOM-STYLE: solid" cellSpacing="0" cellPadding="0" align="center" border="6"> <tr> <td> <table style="BORDER-LEFT-COLOR: #cccccc; BORDER-BOTTOM-COLOR: #cccccc; BORDER-TOP-STYLE: solid; BORDER-TOP-COLOR: #cccccc; BORDER-RIGHT-STYLE: solid; BORDER-LEFT-STYLE: solid; BORDER-RIGHT-COLOR: #cccccc; BORDER-BOTTOM-STYLE: solid" cellSpacing="0" cellPadding="15"/*儲存格墊充*/ align="center" bgColor="#f2f2f2" border="2"> <tr> <td background="http://www.newspace.com.tw/images/BGColor/bg1/a-666.gif"> <table style="BORDER-LEFT-COLOR: #cccccc; BORDER-BOTTOM-COLOR: #cccccc; BORDER-TOP-STYLE: solid; BORDER-TOP-COLOR: #cccccc; BORDER-RIGHT-STYLE: solid; BORDER-LEFT-STYLE: solid; BORDER-RIGHT-COLOR: #cccccc; BORDER-BOTTOM-STYLE: solid" cellSpacing="0" cellPadding="10"/*儲存格墊充*/ align="center" bgColor="#f2f2f2" border="2"> <tr> <td background="http://image.mleps.hlc.edu.tw/05網頁背景/17各種色調/01灰色調/03.gif"> <table style="BORDER-LEFT-COLOR: #cccccc; BORDER-BOTTOM-COLOR: #cccccc; BORDER-TOP-STYLE: solid; BORDER-TOP-COLOR: #cccccc; BORDER-RIGHT-STYLE: solid; BORDER-LEFT-STYLE: solid; BORDER-RIGHT-COLOR: #cccccc; BORDER-BOTTOM-STYLE: solid" cellSpacing="0" cellPadding="20"/*儲存格墊充*/ align="center" bgColor="#f2f2f2" border="2"> <tr> <td background="http://rj.foto.radikal.ru/0709/14/881b2300bdd4.gif"> <table style="BORDER-LEFT-COLOR: #cccccc; BORDER-BOTTOM-COLOR: #cccccc; BORDER-TOP-STYLE: solid; BORDER-TOP-COLOR: #cccccc; BORDER-RIGHT-STYLE: solid; BORDER-LEFT-STYLE: solid; BORDER-RIGHT-COLOR: #cccccc; BORDER-BOTTOM-STYLE: solid" cellSpacing="0" cellPadding="0" align="center" bgColor="#f2f2f2" border="1"> <tr> <td style="BACKGROUND-REPEAT: no-repeat;/*內置圖框不重複顯示*/HEIGHT:372px;"/*內框高度*/ background="http://pt7220405.t35.com/bloggif/ap_F23_20080424085332481.jpg"/*圖框網址*/> <table style="BORDER-COLLAPSE: collapse" cellSpacing="35"/*儲存格間距*/ cellPadding="0" align="center" border="0"> <tr> <td> <font color="#ffffff" size="4"> 我的眼裡有漫天風沙<br> 我的心不為誰溶化<br> <br> 我的淚灑遍沙漠不開花<br> 不願為你牽掛<br> <br> 給愛流浪的人一個家<br> 送給孤獨的人真心話<br> <br> 經過這些年你還想我嗎<br> 其實也不必回答</font></td> <td> <embed src="http://vlog.xuite.net/vlog/swf/lite.swf?media=NzQxNTEw&ar=1&as=1" width="1" height="1" type="application/x-shockwave-flash" allowScriptAccess="none">/*音樂聯結*/ </td> <td> <font color="#ffffff" size="4"> 多情的人總因為無情傷心<br> 又何苦執著 誰對誰最真心<br> 風沙千年都吹不停<br> 掩住我滴滴淚的眼睛<br> 多情的人總因為無情傷心<br> 別問我今生何時才會夢醒<br> 風沙千年都吹不停<br> 深深地埋藏著我一生的愛情</font> </td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table> |
↑←複製終點