我可以用'<table>`+ css：`table {...}`替換<table border = 1>嗎？

table{border:1px solid #000;}沒有border=1聲明似乎不起作用。以與將<input width=30>更改爲input{width:400px;}相同的方式，我想使用<table>並僅在css中聲明邊框。那可能嗎？我可以用'<table>`+ css：`table {...}`替換<table border = 1>嗎？

更新我的錯誤是使用

table{border-width:1px;}

，而不是如

table{border:1px solid #000;}

- 哪些工作正常。

2011-03-22 ajo

這不是同一類型的邊框，但是，應該是你需要做的一切。 – drudge 2011-03-22 16:48:12

你可以給一些代碼嗎？如果您試圖在線聲明樣式，那麼這不是實現它的方式。（不要緊，這是令人不悅的事實。）請參閱http://jsfiddle.net/pgtWH/1/ – anothershrubery 2011-03-22 16:50:05

使用此CSS：

table { 
    border-collapse: collapse 
} 
td { 
    border: 1px solid #000 
}

border-collapse: collapse是IMPO rtant;沒有它，你會得到兩倍的邊界，like this。

2011-03-22 16:52:53 thirtydot

崩潰提示是百萬分之一，非常感謝你！ – RMiranda 2015-01-06 14:35:04

絕對 - 這是首選的方式。您可能需要輸入td以及tr。

2011-03-22 16:48:00

但如果我使用'

'css樣式似乎不適用？ – ajo2011-03-22 16:49:08

它將應用於表格的外部，而不是單元格。 – 2011-03-22 16:49:31

是的，但如果您使用table，它會影響所有表格在您的HTML。

我建議做：

<table class="myTable">然後.myTable { /*css*/ }

2011-03-22 16:48:49 PiZzL3

你的風格應該是：

table td { border: 1px solid #000000; }

看到一個工作示例here。

2011-03-22 16:49:09 wsanville

不知道這個例子有什麼用... – anothershrubery 2011-03-22 16:52:54

你忘了在粘貼之前複製鏈接。 – thirtydot 2011-03-22 16:53:21

大聲笑感謝您指出。我在複製+粘貼失敗。 – wsanville 2011-03-22 16:55:10

在CSS試試這個

table 
    { 
    border:1px solid black; 
    }

那麼您可以在HTML中使用它

<table> 
.... 
</table>

2011-03-22 16:50:42 tomasBULL

如果您正在使用，<th>爲標題，用下面的代碼，你就不會得到解決我們的頭邊框：

td { border: 1px solid #000000; }

你還需要添加：

th { border: 1px solid #000000; }

的問候，

2017-06-23 13:00:49

相關問題

回答