Tabel & border

圖片或文字

代碼

<table border=10 cellpadding=0 cellspacing=0 width=500 height=80> <tr> <td> 圖片或文字，bordercolor= 自己選 </td> </tr> </table>

style="border-style:solid;"

代碼

<table border=10 cellpadding=0 cellspacing=0 width=500 height=80 style="border-style:solid;"bordercolor=#ff00ff> <tr> <td> 圖片或文字，bordercolor= 自己選 </td> </tr> </table>

style="border-style:double;"

代碼

<table border=10 cellpadding=0 cellspacing=0 width=500 height=80 style="border-style:double;"> <tr> <td> 圖片或文字，bordercolor= 自己選 </td> </tr> </table>

style="border-style:dashed;"

代碼

<table border=10 cellpadding=0 cellspacing=0 width=500 height=80 style="border-style:dashed;"> <tr> <td> 圖片或文字，bordercolor= 自己選 </td> </tr> </table>

style="border-style:groove;"

代碼

<table border=10 cellpadding=0 cellspacing=0 width=500 height=80 style="border-style:groove;"> <tr> <td> 圖片或文字，bordercolor= 自己選 </td> </tr> </table>

style="border-style:ridge;"

代碼

<table border=10 cellpadding=0 cellspacing=0 width=500 height=80 style="border-style:ridge;"> <tr> <td> 圖片或文字，bordercolor= 自己選 </td> </tr> </table>

style="border-style:dotted;"

代碼

<table border=10 cellpadding=0 cellspacing=0 width=500 height=80 style="border-style:dotted;"> <tr> <td> 圖片或文字，bordercolor= 自己選 </td> </tr> </table>

style="border-style:inset;"

代碼

<table border=10 cellpadding=0 cellspacing=0 width=500 height=80 style="border-style:inset;"> <tr> <td> 圖片或文字，bordercolor= 自己選 </td> </tr> </table>

style="border-style:outset;"

代碼

<table border=10 cellpadding=0 cellspacing=0 width=500 height=80 style="border-style:outset;"> <tr> <td> 圖片或文字，bordercolor= 自己選 </td> </tr> </table>

border-top-style:double

代碼

<table border=10 cellpadding=0 cellspacing=0 width=500 height=80 style="border-top-style:double;"> <tr> <td> 圖片或文字，bordercolor= 自己選 </td> </tr> </table>

border-top-style:dashed

代碼

<table border=10 cellpadding=0 cellspacing=0 width=500 height=80 style="border-top-style:dashed;"> <tr> <td> 圖片或文字，bordercolor= 自己選 </td> </tr> </table>

border-top-style:dashed; border-right-style:double;

代碼

<table border=10 cellpadding=0 cellspacing=0 width=500 height=80 style="border-top-style:dashed; border-right-style:double;"> <tr> <td> 圖片或文字，bordercolor= 自己選 </td> </tr> </table>

border-top-style:dashed; border-right-style:double; border-bottom-style:groove;

代碼

<table border=10 cellpadding=0 cellspacing=0 width=500 height=80 style="border-top-style:dashed; border-right-style:double; border-bottom-style:groove;"> <tr> <td> 圖片或文字，bordercolor= 自己選 </td> </tr> </table>

border-top-style:dashed; border-right-style:double; border-bottom-style:groove; border-left-style:dotted;

代碼

<table border=10 cellpadding=0 cellspacing=0 width=500 height=80 style="border-top-style:dashed; border-right-style:double; border-bottom-style:groove; border-left-style:dotted;"> <tr> <td> 圖片或文字bordercolor= 自己選 </td> </tr> </table>

style="border-style:dashed

代碼

<table border=10 cellpadding=0 cellspacing=0 width=500 height=80 style="border-style:dashed;"> <tr> <td> 圖片或文字 </td> </tr> </table>

border="3" cellpadding="5"

代碼

<table border="3" cellpadding="5" width="400" bordercolordark="green" bordercolorlight="black"> <tr> <td bgcolor="red"> 圖片或文字 </td> </tr> <tr> <td bgcolor="#A4B1F4"> 圖片或文字 </td> </tr></table>

bordercolorlight=blue bordercolordark=red bordercolordark=green bordercolorlight=brown

代碼

<table bgcolor=pink width=80% border=3 bordercolorlight=blue bordercolordark=red cellspacing=3 cellpadding=5> <tr> <td> 圖片或文字 </td> </tr> </table>