DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁製作工具 >> Dreamweaver教程 >> Dreamweaver相關 >> dreamweaver制作隱藏邊框表格
dreamweaver制作隱藏邊框表格
編輯:Dreamweaver相關     
1.樣式一 無邊框表格

                 
代碼如下:

<table width="200" border="1" cellpadding="0" cellspacing="0" bordercolor="#FF9966" frame=void>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td bordercolor="#FF9966">&nbsp;</td>
</tr>
</table>

說明:邊框主要由frame值確定,void:不顯示邊框, adove:只顯示上邊框。below:只顯示下邊框。hsiders:顯示左右邊框。rhs:顯示右邊框。chs:顯示左邊框。rsides:顯示上下邊框

2.樣式二 單元格邊框的隱藏

隱藏右邊框 隱藏左邊框 隱藏上邊框 隱藏下邊框
代碼如下:

<table width="244" border="1" cellpadding="2" cellspacing="3" bordercolor="#FF9966" >
<tr>
<td width="102" style="border-right-style:none">隱藏右邊框</td>
<td width="119" style="border-left-style:none">隱藏左邊框</td>
</tr>
<tr>
<td style="border-top-style:none">隱藏上邊框</td>
<td style="border-bottom-style:none">隱藏下邊框</td>
</tr>
</table>

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved