在CSS中格式化表格

Question

所以我有我的html表格，我想要指定每個單元格的高度，字體，字體顏色以及各種各樣的東西......在我用內聯樣式繞過它之前，我想要把它放到我的css中，但不能做到這一點！>！>！>我已經添加了一個類名並正確引用，但由於某種原因，表的任何屬性都不會與css對話......這是唯一的頁面元素這個問題...

   echo "<table class='blogtable'><tr>"; 

        echo "</tr>\n"; 

       while($row = mysql_fetch_assoc($result)) 
       { 

        $usn1 = $row['username']; 
        $tml1 = $row['timeleft']; 
        $bge1 = $row['blogentry']; 
        $bge2 = substr($bge1,0,50); 
        $tml2 = substr($tml1,0,11); 

        echo "<tr class='blogrow'>"; 



         echo "<td class='bloglink'>"; 
         echo "<a class='bloglink' href='blog.php' >".$bge2."...</a>"; 
         echo "</td>"; 
         echo "<td class='blogunderline'>"; 
         echo "By"; 
         echo "</td>"; 
         echo "<td class='blogunderline'>"; 
         echo $usn1; 
         echo "</td>"; 
         echo "<td class='blogunderline'>"; 
         echo " - "; 
         echo "<td class='blogunderline'>"; 
         echo $tml2; 
         echo "</td>"; 



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



a.bloglink{ 
    color: #696969; 
    text-decoration: none; 

} 

table.blogtable{ 

    font-family: arial; 
    color:#696969; 
    font-size: 11pt; 
    line-height: 28px; 
} 

td.blogunderline{ 

    border-bottom-style:dotted; 
    border-width: 0.5px; 

} 

但html說....不，謝謝你！

感謝您的閱讀！

tr.blogrow border-bottom：solid 0.5px; text-decoration：none;

}

編輯：我embaressed說，但我有兩個CSS文件打開時，一個家庭服務器上，一個在硬盤上，我是編輯錯誤的！抱歉，添麻煩了！

Answer 1

您的tr.blogrow {border-bottom：solid 0.5px}沒有附加顏色。 td.blogunderline也沒有。

您的CSS不會引用「兩次」。當你定義tr.blogrow，刪除TR，而只使用.blogrow（同樣與其他CSS項目table.blogtable和td.blogunderline）

echo "<table class='blogtable'><tr>"; 

       echo "</tr>\n"; 

      while($row = mysql_fetch_assoc($result)) 
      { 

       $usn1 = $row['username']; 
       $tml1 = $row['timeleft']; 
       $bge1 = $row['blogentry']; 
       $bge2 = substr($bge1,0,50); 
       $tml2 = substr($tml1,0,11); 

       echo "<tr class='blogrow'>"; 



        echo "<td class='bloglink'>"; 
        echo "<a class='bloglink' href='blog.php' >".$bge2."...</a>"; 
        echo "</td>"; 
        echo "<td class='blogunderline'>"; 
        echo "By"; 
        echo "</td>"; 
        echo "<td class='blogunderline'>"; 
        echo $usn1; 
        echo "</td>"; 
        echo "<td class='blogunderline'>"; 
        echo " - "; 
        echo "<td class='blogunderline'>"; 
        echo $tml2; 
        echo "</td>"; 



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



.bloglink{ 
color: #696969; 
text-decoration: none; 

} 

.blogtable{ 

font-family: arial; 
color:#696969; 
font-size: 11pt; 
line-height: 28px; 
} 

.blogunderline{ 

border-bottom:dotted 1px blue 

} 
.blogrow{ border-bottom:solid 1px blue; text-decoration:none; 

} 

請記住，你必須使用全像素，而不是半像素，您必須爲您的邊框定義一種顏色，並且您的<tr>樣式將覆蓋您的<td>邊框樣式（<td class="blogunderline">不會應用藍色虛線邊框底部，