1

次のようなコードがあります。

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

ただし、このスタイルは無視されています。Google Chrome ツールで要素を検査すると、これに影響を与える可能性のある他のスタイルシート要素が表示されません。

この問題の原因について何か考えはありますか?

4

1 に答える 1

6

ボーダースタイルがありません

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

このように1行で書くことができます

.heading{
    border-bottom: 10px solid black;
    }​
于 2012-10-11T11:57:10.217 に答える