蒐集：部落格HTML / CSS語法應用
左右欄位告示欄小圖框應用(二度空間)語法測試參考
|
背景圖框參考：
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> |
↑
