2012-08-08 33 views
3

我想通過等效的樣式表定義使用border="1"的CSS等價物。什麼是CSS的表中等於border =「1」?

border-widthborder-style適用於表格,但由border="1"給出的單元格邊框缺失。

+0

它'只有border',不是嗎? – Prasanth 2012-08-08 18:10:22

+0

已經在此主題中回答了類似問題 - > http://stackoverflow.com/questions/11189005/how-to-mimic-table-border-2-cellpadding-5-cellspacing-0-width-40-in-c/11189342#11189342 – 2012-08-08 18:10:33

回答

6

它適用於td元素,而不是table元件。

+0

這個製造我自己的答案,但你給出的答案在我面前,所以:http://jsfiddle.net/mB594/ – JAB 2012-08-08 18:12:18

+0

謝謝你,KayKay。 – 2012-08-08 19:49:26

+0

@DeepakKumarVasudevan不客氣。如果它對你有幫助,你可以接受答案。 – kgautron 2012-08-10 09:42:13

0

CSS

td { border: solid 1px #PlaceColorHere } 
+0

謝謝。但是我不能直接覆蓋TD,因爲頁面中有其他的定義,它將會處於危險之中。 KayKay的建議奏效了。 – 2012-08-08 19:49:59

3

所以這應該是一個簡單的答案,但是當你使用CSS表和TD的不完全匹配的邊界= 「1」 100%(但它非常接近)

enter image description here

我的方式採用這樣的:

table { 
     border: 1px outset grey; 
     padding: 1px 
    } 

td { 
      border: thin inset grey; 
      margin: 1; 
    } 
0

這個工作對我來說:

table { 
     border-width: 2px; 
     border-style: groove; 
    } 
    td { 
     border-width: 2px; 
     border-style: inset; 
    }