html - テーブルの下の境界線が表示されない

Question

私のテーブルクラスは.bottomであり、テーブルの下部を黒の実線にします。だから私はこれを試しました：

<table style="border-bottom-color:#000000">

しかし、それはそれをしません。だから私はCSSでこれを試しました：

.bottom td {border-bottom: 2px solid black !important;}

そして今、テーブル内のすべてに黒い下線（リンク、td、画像）があり、私が欲しいのはテーブル自体に黒一色の下部境界線があることだけです。どんな提案でも大歓迎です。

score 3 · Accepted Answer

テーブルの境界線が表示されないという同様の問題を抱えている他の人にとっては、設定したことを確認することもできますtable {border-collapse: separate;}。そうしないと、スタイルが設定されていても境界線が表示されません。

この動作はデフォルトですが、テンプレートを使用している場合（たとえば、eDMの場合）、table {border-collapse: collapse;}事前定義されたテンプレートスタイルのどこかに設定されている可能性があります。

score 1 · Accepted Answer

1

.bottom {border-bottom: 2px solid black;}

于 2012-05-30T01:15:23.587 に答える

score 0 · Accepted Answer

これと同じ問題が発生し、テーブル属性にmargin-bottomを追加するだけで済みました。

 table {
        table-layout: inherit;
        width:91.8%;
        font-family: $fontserrat;
        margin-bottom: 10px;
}

3 に答える 3