顯示錶的所有邊界線

爲什麼：顯示錶的所有邊界線

<table style="border:1px solid black; " class="table-bordered table-striped table"> 
      <colgroup> 
       <col id="Col1" /> 
       <col id="Col2" /> 
       <col id="Col3" /> 
       <col id="Col4" /> 
       <col id="Col5" /> 
      </colgroup> 
      <thead> 
       <tr> 
        <th style="border:1px solid black;" scope="col">@T("Code")</th> 
        <th style="border:1px solid black;" scope="col">@T("Product")</th> 
        <th style="border:1px solid black;" scope="col">@T("Unit Price")</th> 
        <th style="border:1px solid black;" scope="col">@T("Quantity")</th> 
        <th style="border:1px solid black;" scope="col">@T("Value")</th> 
       </tr> 
      </thead> 
      <tbody>

樣子： enter image description here

我想告訴所有單元的所有邊界？
<table>中的樣式是否應該這樣做？

來源

2014-01-09 John

邊界= 「1」 .. – Karuppiah

請郵寄產生HTML – Amit

可能向我們展示http://jsfiddle.net/ – Nilesh

使用border="1"您的表像這樣<table border="1">

Demo JsFiddle使用border="1"

Demo JsFiddle在表中使用style="border:1px solid black;"

來源

2014-01-09 11:45:09 Karuppiah

這是錯誤的。他應該使用CSS。 [HTML 4.01 border屬性]（http://www.w3.org/TR/html401/struct/tables.html#adef-border-TABLE）與[HTML 5 border屬性]（http://www.w3.org） /TR/2012/WD-html5-20121025/the-table-element.html#attr-table-border） – MikeSmithDev

@MikeSmithDev：我同意。帕特里克答案比我好..我應該使用CSS .. – Karuppiah

使用CSS，你可以設置表格的邊框和它的細胞像這樣

table, th, td 
{ 
    border: 1px solid black; 
}

來源

2014-01-09 11:41:27

不需要在每個表格數據中設置** border：1px純黑色; **。 border =「1」就足夠了。看到我的jsfiddle ... – Karuppiah

你是對的。我的錯。當使用css時，你需要指定這個，但是你可以在表上使用邊界屬性。編輯答案顯示如何在CSS中執行此操作。 –

這也不錯.. – Karuppiah

有表格邊框和CSS邊界之間的差異。要將邊框應用到每個單元格，必須使用名爲border的表格屬性來使用表格邊框，或者將CSS邊框應用於表格的每個單元格。要了解更多信息，請訪問以下LINK

來源

2014-01-09 11:43:55 Naveen

這個答案得到了迴應。請你分享一下downvote的理由，誰低估了這個。 – Naveen

顯示錶的所有邊界線

回答

相關問題