Question

我有这样的代码：

<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;
}

然而，这种风格被忽略了。当我使用谷歌浏览器工具检查元素时，我看不到任何可能影响它的其他样式表元素。

关于可能导致此问题的任何想法？

Answer 1

缺少边框样式

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

你可以像这样写一行

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

css类样式未应用

1 个答案: