文章背景圖框應用二(二度空間)語法測試參考
|
|
背景圖框參考：
http://tw.myblog.yahoo.com/jw!.KNty8iGR0WBlosOtiUpDA--/article?mid=16276
上圖語法應用參考：
| <table style="WIDTH:476px;HEIGHT:348px;BACKGROUND-REPEAT:no-repeat;" cellSpacing="0" cellPadding="30" align="center" background="http://pt7220405.t35.com/bloggif/ap_F23_20080424085316373.jpg" border="0"> <tbody> <tr> <td> <table style="WIDTH:205px;HEIGHT:280px;border-style:ridge;border-color:#9900FF;" cellpadding="0" cellspacing="0" align="center" border="1"> <tr> <td> <font color="#FFFFFF" face="新細明體" size="3">文字輸入區</font></td> </tr> </table> </td></tr> </tbody> </table> |
下圖語法應用參考：
| <table style="WIDTH:476px;HEIGHT:348px;BACKGROUND-REPEAT:no-repeat;" cellSpacing="0" cellPadding="30" align="center" background="http://pt7220405.t35.com/bloggif/ap_F23_20080424085316373.jpg" border="0"> <tbody> <tr> <td> <table style="WIDTH:350px;HEIGHT:280px;" cellpadding="0" cellspacing="0" align="center" border="0"> <tr> <td> <b> <font color="#FFFFFF" face="標楷體" size="4">文字輸入區</font></b></td> </tr> </table> </td></tr> </tbody> </table> |
語法重點解說：
| <table style="WIDTH: 476px; HEIGHT: 348px;/*設定與圖框相同的寬高*/ BACKGROUND-REPEAT: no-repeat;/*單張圖框不重複顯示*/" cellSpacing="0" cellPadding="30"/*框線空白擴充*/ align="center"/*圖框置中*/ background=http://pt7220405.t35.com/bloggif/ap_F23_20080424085316373.jpg/*圖框網址*/ border="0"/*外框線不顯示*/> <tbody> <tr> <td> <table style="WIDTH:205px; HEIGHT:280px;/*內置框線寬高，設定此框線是為了調整文字顯示的位置*/ border-style: ridge; border-color: #9900FF"/*內框線樣式及顏色(不加入即不顯示，如上面的下圖樣式)*/ cellpadding="0" cellspacing="0" align="center"/*內框表格 置中*/ border="1"/*內框線粗細，不顯示設定 0*/> <tr> <td><font color="#FFFFFF" face="新細明體" size="3">文字輸入區(以不超過圖框為準)</font></td> </tr> </table> </td></tr> </tbody> </table> |
↑
