11

テーブルの最初の行の各要素に、特定の色の左の境界線と特定の色の右の境界線を設定したいと考えています。残念ながら、隣接する表のセルの境界線が重なっているように見え、左側の境界線の色しか表示されません。左側の境界線は明るい灰色で、右側の境界線は暗い灰色であると想定されています。

ここに画像の説明を入力

これがテーブルを生成する私のHTMLです。(HTMLはcherrypyで生成されます)

<th id="tbl_head" colspan='4'>%s</th>
    <tr>
        <td id="colhead">Track</td>
        <td id="colhead">Artist</td>
        <td id="colhead_time">Time</td>
        <td id="colhead">Album</td>
    </tr>

ここに私のCSSがあります:

table {
    font-family: verdana,arial,sans-serif;
    font-size:11px;
    margin-left: auto;
    margin-right: auto;
    border-width: 1px;
    border-collapse: collapse;
}

td {
    padding: 3px;
}

#colhead {
    font-weight: bold;
    text-align: left;
    background-color: #989898;
    color: #000000;

    border-left-color:   #aeaeae;
    border-left-style: solid;
    border-left-width: 2px;

    border-right-color: #6c6c6c;    
    border-right-style: solid;
    border-right-width: 1px;

}

#colhead_time {
    font-weight: bold;
    text-align: right;
    background-color: #989898;
    color: #000000;

    border-left-color:   #aeaeae;
    border-left-style: solid;
    border-left-width: 2px;

    border-right-color: #6c6c6c;    
    border-right-style: solid;
    border-right-width: 1px;

}
4

3 に答える 3

3

CSS で、border-color プロパティに間違った値を追加しました。次のように記述します。

border-right-color: 1px solid #6c6c6c;

それはあるべきですが：

border-right-color: #6c6c6c;
于 2013-09-17T14:29:09.017 に答える