<tr> CMSページの境界線が表示されない

Question

Prestashopの場合カスタムCMSページを作成しました。このページには、テーブル内にtrとtdで構成されるテーブルがあります。

trでは、テーブル全体の境界線の底がいっぱいです。

最初にcmsページ（ソースコード）にデータ/情報なしでテーブル行を追加すると、コードを保存しても削除されます。

私は、prestashopのcmsページでそれを自動的に削除しないように、テーブルのデータに偽のコピーを入れました。

いいえ、私はtrを表示し、tr内にtdを隠したいと思うので、私はtrの上に境界線を持っています。テーブルの全幅に表示したいのです。 何らかの理由で私のボーダーが表示されません。 tdを非表示にしているときだけ、境界線が表示されますが、表示したくないテキストが表示されます。

コード：

<tr class="menu-border"> 
<td><p>text fake</p> 
</td> 
<td><p>text fake</p> 
</td> 
<td><p>text fake</p> 
</td> 
</tr> 

CSS：

tr.menu-border { 
margin-bottom: 10%; 
border-bottom: 1px solid #efefef; 
width:100%; 
line-height: 20px; 
margin-top: 10%; 
} 

tr.menu-border td p{ 
display: none; 
} 

だから、TD内のpタグを使用して、その後のp田下作品を隠すが、私はTD上の任意の余白を入れて傾けますかtr。もし私がそれをしたら、ちょうど何もしません。どうしてこれなの？

Answer 1

は、テーブルの崩壊ボーダーモデルを設定します。

table { 
    border-collapse: collapse; 
} 

table tr{ 
border-bottom:1px solid #ccc; 
} 

のみテーブルの枠線を表示するには、この国境崩壊の方法を。

これはあなたに役立つと思います。