close


 左右欄位告示欄小圖框應用(二度空間)語法測試參考









這是小小公告欄
運用在左右欄位

背景圖框參考:


http://tw.myblog.yahoo.com/jw!.KNty8iGR0WBlosOtiUpDA--/article?mid=6123


語法應用參考:





   <table style="WIDTH:141px;HEIGHT:227px;BACKGROUND-REPEAT:no-repeat;" cellSpacing="0" cellPadding="20" align="center" background="http://i139.photobucket.com/albums/q294/xiaoqiao1207/xiaoqiao1208/lai01/xiao01/X02/94.gif" border="0">
<tbody>
<tr>
<td>
<table style="WIDTH:71px;HEIGHT:180px;border-style:ridge;border-color:#00FF00;" cellpadding="0" cellspacing="0" align="center" border="1" bgcolor="#CCFFCC">
<tr>
<td>
<font color="#009933" face="標楷體" size="4">
這是小小公告欄<br>
運用在左右欄位</font></td>
</tr>
</table>
</td></tr>
</tbody>
</table>

語法重點解說:







<table style="WIDTH:141px;HEIGHT:227px;/*設定與圖框相同的寬高*/BACKGROUND-REPEAT:no-repeat;/*單張圖框不重複顯示*/" cellSpacing="0" cellPadding="20"/*框線空白擴充*/ align="center"/*圖框置中*/ background="http://i139.photobucket.com/albums/q294/xiaoqiao1207/xiaoqiao1208/lai01/xiao01/X02/94.gif"/*圖框網址*/ border="0"/*外框線不顯示*/>
<tbody>
<tr>
<td>
<table style="WIDTH:71px;HEIGHT:180px;/*內置框線寬高,設定此框線是為了調整文字顯示的位置*/border-style:ridge;border-color:#00FF00;"/*內框線樣式及顏色*/  cellpadding="0" cellspacing="0" align="center"/*內框表格 置中*/ border="1"/*內框線粗細,不顯示設定 0*/ bgcolor="#CCFFCC"/*文字區背景色(不使用可以省略)>
<tr>
<td>
<font color="#009933" face="標楷體" size="4">
告示文字輸入區(以不超過圖框為準)</font></td>
</tr>
</table>
</td></tr>
</tbody>
</table>


arrow
arrow
    全站熱搜
    創作者介紹
    創作者 lou0904 的頭像
    lou0904

    ㄚ仔的瘋格

    lou0904 發表在 痞客邦 留言(0) 人氣()