邊框上下左右各部位隱藏顯示詳解


邊框上下左右各部位隱藏顯示詳解

1.

隱藏下邊框

 

代碼:

<TABLE style="BORDER-BOTTOM-WIDTH: 0px; BORDER-COLLAPSE: collapse" borderColor=#111111 bgColor=#DFFFDF cellSpacing=0 cellPadding=0 width=250 align=center border=1>

<TBODY>

<TR align=middle>

<TD style="BORDER-BOTTOM: medium none" height=40>隱藏下邊框</TD>

</TR></TBODY></TABLE>

2.

隱藏上邊框

 

代碼:

 <TABLE style="BORDER-TOP-WIDTH: 0px; BORDER-COLLAPSE: collapse" borderColor=#111111 cellSpacing=0 cellPadding=0 width=250 align=center bgColor=#dfffdf border=1>

<TBODY>

<TR align=middle>

<TD style="BORDER-TOP: medium none" height=40>隱藏上邊框</TD></TR></TBODY></TABLE>

3.

隱藏左邊框

代碼:

 <TABLE style="BORDER-LEFT-WIDTH: 0px; BORDER-COLLAPSE: collapse" borderColor=#111111 bgColor=#DFFFDF cellSpacing=0 cellPadding=0 width=250 align=center border=1>

<TBODY>

<TR align=middle>

<TD style="BORDER-LEFT: medium none" height=40>隱藏左邊框 </TD>

</TR></TBODY></TABLE>

4.

隱藏右邊框

代碼:

 <TABLE style="BORDER-COLLAPSE: collapse; BORDER-RIGHT-WIDTH: 0px" borderColor=#111111 bgColor=#DFFFDF cellSpacing=0 cellPadding=0 width=250 align=center border=1>

<TBODY>

<TR align=middle>

<TD style="BORDER-RIGHT: medium none" height=40>隱藏右邊框 </TD>

</TR></TBODY></TABLE>

5.

隱藏左右邊框

代碼:

 <TABLE style="BORDER-LEFT-WIDTH: 0px; BORDER-COLLAPSE: collapse; BORDER-RIGHT-WIDTH: 0px" borderColor=#111111 bgColor=#DFFFDF cellSpacing=0 cellPadding=0 width=250 align=center border=1>

<TBODY>

<TR align=middle>

<TD style="BORDER-RIGHT: medium none; BORDER-LEFT: medium none" height=40>隱藏左右邊框 </TD>

</TR></TBODY></TABLE>

6.

隱藏上下邊框

代碼:

<TABLE style="BORDER-TOP-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-COLLAPSE: collapse" borderColor=#111111 bgColor=#DFFFDF cellSpacing=0 cellPadding=0 width=250 align=center border=1>

<TBODY>

<TR align=middle>

<TD style="BORDER-TOP: medium none; BORDER-BOTTOM: medium none" height=40>隱藏上下邊框</TD>

</TR></TBODY></TABLE>

7.

只顯示上邊框

代碼:

 <TABLE borderColor=#111111 bgColor=#DFFFDF cellSpacing=0 cellPadding=0 width=250 align=center border=1 frame=above>

<TBODY>

<TR align=middle>

<TD height=40>只顯示上邊框</TD>

</TR></TBODY></TABLE>

8.

只顯示下邊框

代碼:

<TABLE borderColor=#111111 bgColor=#DFFFDF cellSpacing=0 cellPadding=0 width=250 align=center border=1 frame=below>

<TBODY>

<TR align=middle>

<TD height=40>只顯示下邊框</TD>

</TR></TBODY></TABLE>

9.

只顯示左邊框

代碼:

 <TABLE borderColor=#111111 bgColor=#DFFFDF cellSpacing=0 cellPadding=0 width=250 align=center border=1 frame=lhs>

<TBODY>

<TR align=middle>

<TD height=40>只顯示左邊框</TD>

</TR></TBODY></TABLE>

10.

只顯示右邊框

代碼:

 <TABLE borderColor=#111111 bgColor=#DFFFDF cellSpacing=0 cellPadding=0 width=250 align=center border=1 frame=rhs>

<TBODY>

<TR align=middle>

<TD height=40>只顯示右邊框</TD>

</TR></TBODY></TABLE>

11.

不顯示任何邊框

代碼:

<TABLE borderColor=#111111 cellSpacing=0 cellPadding=0 width=250 align=center bgColor=#DFFFDF border=1 frame=void>

<TBODY>

<TR align=middle>

<TD height=40>不顯示任何邊框</TD>

</TR></TBODY></TABLE>

12.

邊框全顯示

代碼:

<TABLE style="BORDER-RIGHT-WIDTH: 0px; BORDER-COLLAPSE: collapse" border=1 cellSpacing=0 borderColor=#111111 cellPadding=0 width=250 bgColor=#dfffdf align=center>

<TBODY>

<TR align=middle>

<TD height=40>邊框全顯示</TD></TR></TBODY></TABLE>

 

附:表格常用屬性

        border:表格的邊框寬度。如border=1,表示表格邊框的粗細為1個像素(默認值),為0表示沒有邊框。

       cellspacing:表格中各單元格的間距。屬性值為數字。當表格只有一個單元格時,則表示該單元格與表格邊框的距離。

       cellpadding:單元格內容與單元格邊框之間的距離,屬性值是數字。

       width:表格的寬度。屬性值為像素和百分比兩種。

       height:表格的高度。取值方法同width。

       bgcolor:表格的背景顏色。屬性值為各種顏色代碼。

       background:表格的背景圖案。屬性值為有效的圖片地址。

       bordercolor:表格邊框的顏色。屬性值為各種顏色代碼(當border值不為0時設置此值有效)。

       bordercolorlight:亮邊框(表格的左邊和上邊框)顏色。屬性值為各種顏色代碼(當border值不為0時設置此值有效)。

       bordercolordark:暗邊框(表格的右邊和下邊框)顏色。屬性值為各種顏色代碼(當border值不為0時設置此值有效)。

       align:表格的對齊方式。屬性值為left(左對齊,默認)、center(居中)以及right(右對齊)。

       colspan:定義合並表格的列數。屬性值是數字。

       rowspan定義合並表格的行數,屬性值是數字。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM