TABLE沒有垂直單元格邊框

Question

我想我的HTML表格只顯示水平單元格邊框。有沒有一種方法可以隱藏垂直單元格邊框？

Answer 1

假設您使用的是舊式<table border="1">，請將它設爲<table border="1" rules="rows">。

Answer 2

通過CSS樣式tr標籤，您可以添加嚴格水平的邊框線。

範例CSS：

tr { 
    border-bottom: 1px solid black; 
    border-top: 1px solid black; 
    border-collapse: collapse; 
}​ 

當然，你可以使用任何邊框樣式/寬度/顏色選擇。

JS小提琴：http://jsfiddle.net/XPyzM/

Answer 3

table, th, td { 
    border-left: none; 
    border-right: none; 
} 

Answer 4

您可以通過CSS樣式TR標籤添加嚴格水平的邊界線。

<TABLE 
    BORDER=1 CELLPADDING=3 CELLSPACING=1 
    RULES=COLS FRAME=BOX 
> 

Answer 5

<style> 
    td {border-left: 1px solid black;} 
</style>