2012-10-11 183 views
1

我有一些像這樣的代碼:CSS類樣式

<div class="divleft"> 
<TABLE class="form-table"> 
    <TR class="heading"> 
    <TD colspan="2" align="left"> 
     <h3>Account description</h3> 
    </td> 
    </tr> 

      <TR> 
     <TD>Name</TD> 
     <TD><input name="Naam" id="Naam" type="text" class="InputText" /></TD> 
      </TR> 

,並在標題類這樣的(用於測試目的,而不是實際的造型)的CSS樣式

.form-table tr.heading{ 
border-bottom-width: 10px; 
border-bottom-color:black; 
} 

然而,這種風格被忽略。當我用谷歌瀏覽器工具檢查元素時,我看不到任何其他可能會影響到這一點的樣式表元素。

關於可能導致此問題的任何想法?

回答

6

邊框樣式缺少

.heading{ 
border-bottom-width: 10px; border-style:solid; 
border-bottom-color:black; 
}​ 

您可以在一行寫這樣

.heading{ 
    border-bottom: 10px solid black; 
    }​ 
+0

這奏效了....這是非常! – user1737983