㈠ 在html的表格中,怎麼把表格的邊框設置為實線框具體的代碼是什麼謝謝
table代碼中有一個cellspacing方法,默認為2調成0就是實線了
㈡ 如何製作邊框的代碼
製作邊框代碼:
<TABLE(表格符號) background="背景地址" borderColor=# (框邊的顏色) cellSpacing= (框邊間距離) cellPadding= (單元格高度) width= (寬度) height= (高度) bgColor=# (背景顏色) align=center(居中) border= (框邊寬度) >
<TBODY>
<TR>
<TD>填入內容</TD>
<TD>填入內容</TD>
<TD>填入內容</TD></TR>
<TR>
<TD>填入內容</TD>
<TD>填入內容</TD>
<TD>填入內容</TD></TR>
<TR>
<TD>填入內容</TD>
<TD>填入內容</TD>
<TD>填入內容</TD></TR></TBODY></TABLE>
以上代碼確切地說是表格代碼,把括弧內文字改成數字或去掉,變成以下代碼形式:
<TABLE background="背景地址" borderColor=#800000 cellSpacing=2 cellPadding=0 width=500 height=0 bgColor=#555555 align=center border=2>
<TBODY>
<TR>
<TD>填入內容</TD>
<TD>填入內容</TD>
<TD>填入內容</TD></TR>
<TR>
<TD>填入內容</TD>
<TD>填入內容</TD>
<TD>填入內容</TD></TR>
<TR>
<TD>填入內容</TD>
<TD>填入內容</TD>
<TD>填入內容</TD></TR></TBODY></TABLE>
得到的表格效果:
填入內容填入內容填入內容填入內容填入內容填入內容填入內容填入內容填入內容
如果把上述代碼中的紅色部分去掉,就得到簡化後的邊框代碼:
<TABLE background="背景地址" borderColor=#800000 cellSpacing=2 cellPadding=0 width=500 height=0 bgColor=#555555 align=center border=2>
<TBODY>
<TR>
<TD>填入內容</TD></TR></TBODY></TABLE>
這個代碼得到的圖案效果就是一個最簡單的單邊邊框:
填入內容
在框內粉色填入內容處可寫文字日誌,也可貼圖或flash。如果將以上代碼復制粘貼覆蓋住填入內容,就會得到雙層或多層邊框。
多層邊框代碼:
<TABLE background="背景地址" borderColor=#800000 cellSpacing=2 cellPadding=0 width=500 height=0 bgColor=#555555 align=center border=2>
<TBODY>
<TR>
<TD>
<TABLE background="背景地址" borderColor=#800000 cellSpacing=2 cellPadding=0 width=500 height=0 bgColor=#555555 align=center border=2>
<TBODY>
<TR>
<TD>
<TABLE background="背景地址" borderColor=#800000 cellSpacing=2 cellPadding=0 width=500 height=0 bgColor=#555555 align=center border=2>
<TBODY>
<TR>
<TD>
<TABLE background="背景地址" borderColor=#800000 cellSpacing=2 cellPadding=0 width=500 height=0 bgColor=#555555 align=center border=2>
<TBODY>
<TR>
<TD>填入內容</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>邊框效果:
填入內容
調整各層邊框內的 borderColor=#(邊框顏色)、cellSpacing=(邊框間距)、bgColor=#(背景顏色)、 border=(邊框寬度),就可得到顏色變化的邊框。
如最外層borderColor=#ffcbb3、cellSpacing=1、bgColor=#000000、border=7
次外層borderColor=#ff8f59、cellSpacing=1、bgColor=#000000、border=6
第三層borderColor=#fd94600、cellSpacing=1、bgColor=#000000、border=5
最內層borderColor=#642100、cellSpacing=4、bgColor=#888888、border=4
做更多層的邊框,用以上方法以此類推。
關於邊框的 cellPadding= (單元格高度) height= (高度) width= (寬度) 三個尺寸問題,高度均設為0,通過日誌的內容自然找齊。最內層邊框根據實際設寬度值,其他層的寬度均設為0。
如要做帶有花色圖案的邊框,則需選好背景圖片,將每層的圖片地址置入該層的 background="背景地址" 中,但同時要適當加大該層中的cellSpacing= (框邊間距離),圖案方能顯示清楚、美觀。一般做這樣的邊框需用多個邊框代碼套用,多則十幾個。
㈢ Dreamweaver關於表格邊框的代碼
能說詳細點嗎? 邊框 就是 border <table border=1 bordercolor="#cc0000" cellspacing=0 cellpadding=0 > <tr>告帶悄行衡 <td>測試測試</td> </tr></襪渣table>