甜蜜媽咪痞世界

四邊不同圖片文章框框(二度空間)語法應用編輯

文章標題
＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿

圖片網址自行更改替換(以下語法不適用自訂樣式設定全文置中樣式)，會影響邊框的位置

<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>