表和邊框

Question

我有點麻煩，獲取表和邊界與CSS工作。

我一直在做的是取<table id=usertable>並戴上border-width和border-style就可以了。

現在會發生什麼情況是邊框的OUTside部分是受寬度和樣式影響的部分。裏面的所有值和行都不受此影響。唯一可行的是邊框的顏色。由於某種原因，邊界必須在HTML中指定爲border=1。

CSS：

#usertable { 
    border-style: dashed; 
    border-width: 10px; 
    border-color: red; 
    padding: 20px; 
    margin: auto; 
    margin-top: 20px; 
    border-collapse: collapse; 
} 

PHP：

echo "<table id=usertable> 
    <tr> 
     <td id=usertable_top>ID</td> 
     <td id=usertable_top>USERNAME</td> 
     <td id=usertable_top>PASSWORD</td> 
     <td id=usertable_top>EMAIL</td> 
     <td id=usertable_top>ADMIN</td> 
     <td id=usertable_top>ACTIONS</td> 
    </tr>"; 

    while($row = $result->fetch_assoc()){ 
     echo " 
      <tr> 
       <td>$row[ID]</td> 
       <td>$row[USERNAME]</td> 
       <td>$row[PASSWORD]</td> 
       <td>$row[EMAIL]</td> 
       <td>$row[ADMINSTATUS]</td> 
     "; 
    if ($_SESSION[adminsts] == sadmin) { 
     echo " 
      <td>Make Admin</td> 
     "; 
    } 
    echo " 
     </tr> 
    "; 
} 

echo "</table>"; 

Answer 1

在表上設置邊框將這樣做。

如果要在表格單元格上設置邊框，則必須設置表格單元格的樣式。

td, th { 
    border: solid blue 1px; 
} 

Answer 2

您正在以錯誤的方式格式化html。該ID應該再在整個文檔中使用（使用類=「yourclass」代替）

td.yourclass{} #to apply rules to the td's 

th.yourclass{} #to apply rules to the th's 

tr.yourclass{} #to apply rules to the tr's 

，或者你可以使用一個id =「用戶表」的表，然後訪問所有的元素與

#usertable td{} 

#usertable tr{} 

#usertable th{}