四邊不同圖片文章框框(二度空間)語法應用編輯
文章標題 ___________________________________
圖片網址自行更改替換(以下語法不適用自訂樣式設定全文置中樣式),會影響邊框的位置
<div align="center"> <center> <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" background="http://image.mleps.hlc.edu.tw/05網頁背景/17各種色調/03紫色調/11.gif"> <tr> <td background="http://image.mleps.hlc.edu.tw/07網頁插圖/13項目符號/10窗花/02.gif" style="BACKGROUND-REPEAT: no-repeat;"> </td> <td background="http://image.mleps.hlc.edu.tw/05網頁背景/03格子背景/01方塊/015.gif" style="BACKGROUND-REPEAT: repeat-x;" height="32"></td> /*上邊框高度*/ <td background="http://image.mleps.hlc.edu.tw/07網頁插圖/13項目符號/10窗花/19.gif" style="BACKGROUND-REPEAT: no-repeat;"> </td> </tr> <tr> <td background="http://image.mleps.hlc.edu.tw/05網頁背景/03格子背景/01方塊/017.gif" style="BACKGROUND-REPEAT: repeat-y;"> <font color="#99CCFF">........</font></td> /*點虛線的數量決定 左邊框的寬度*/ <td> <table border="3" cellpadding="10" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111"> <tr> <td> <br> <p align="center"> <FONT color=#000000>文章標題</FONT><br> <FONT color=#000000>___________________________________</FONT> /*利用全形虛線將文章內框撐開,做為標題底線*/ </p> </td> </tr> </table> </td> <td background="http://image.mleps.hlc.edu.tw/05網頁背景/03格子背景/01方塊/020.gif" style="BACKGROUND-REPEAT: repeat-y;"> <font color="#CCCCFF">........</font></td> /*點虛線的數量決定 右邊框的寬度*/ </tr> <tr> <td background="http://image.mleps.hlc.edu.tw/07網頁插圖/13項目符號/10窗花/08.gif" style="BACKGROUND-REPEAT: no-repeat;"> </td> <td background="http://image.mleps.hlc.edu.tw/05網頁背景/03格子背景/01方塊/019.gif" style="BACKGROUND-REPEAT: repeat-x;" height="32"></td> /*下邊框高度*/ <td background="http://image.mleps.hlc.edu.tw/07網頁插圖/13項目符號/10窗花/06.gif" style="BACKGROUND-REPEAT: no-repeat;"> </td> </tr> </table> </center> </div>
|