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>