邊框沒有出現在表格中，HTML，CSS，PHP

當我使用CSS來設置樣式時，由於某種原因，邊框並未出現在表格中。但是，如果我直接在表格標籤內進行設置，它就可以工作。請看看我的代碼：邊框沒有出現在表格中，HTML，CSS，PHP

test.php的

<head> 
<style> 

table { 
border: 1px solid black; 
} 

</style> 
</head> 

<?php 

echo "<body>"; 
echo "<table>"; 
echo "<tr>"; 

echo "<td> hello1 </td>"; 
echo "<td> hello2 </td>"; 
echo "<td> hello3 </td>"; 

echo "</tr>"; 
echo "</table>"; 
echo "</body>"; 

?>

來源

2015-06-19 frosty

工作[這裏]（https://jsfiddle.net/lmgonzalves/jr4260hx/） – lmgonzalves

你的意思是[這裏]（HTTPS：/ /jsfiddle.net/lmgonzalves/jr4260hx/1/）？ – lmgonzalves

就是這樣，是的。 – frosty

試試這個代碼...

table { 
 
    border-collapse: collapse; 
 
} 
 

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

<html> 
 
    <head><title>Demo</title></head> 
 
    <body> 
 
    <table> 
 
     <tr> 
 
     <td>Test1</td> 
 
     <td>Test2</td> 
 
     <td>Test3</td> 
 
     <td>Test4</td> 
 
     </tr> 
 
    </table> 
 
    </body> 
 
</html>

來源

2015-06-19 04:58:02 Bruce

這聽起來像你可能想圍繞TD元素邊界爲好。如果是這樣，我會推薦這個：

table { 
    border: 1px solid black; 
    border-collapse: collapse; 
} 

td { 
    border: 1px solid black; 
}

border-collapse刪除邊界之間的任何空格。

來源

2015-06-19 03:00:46 pedz

不知道爲什麼他們甚至有第一個地方之間的邊界之間的空間。我相信大多數人都認爲沒有空間看起來好多了。 – frosty

我猜它與所有元素（divs，tables等）相同。他們都有一些默認的填充/邊距。 – pedz

邊框沒有出現在表格中，HTML，CSS，PHP

回答

相關問題