2016-09-18 8 views
-2

誰かが私を助けることができますか?私はテーブルセル間の境界線を削除/隠そうとしていますが、失敗しています。html/cssのセル間の境界を削除する

table, td, tr{ 
    border-style: hidden; 
    background-color: white; 
    border-collapse:collapse; 
    border-spacing: 0px; 
} 

、ここでは私のHTMLです::

<table> 
    <tbody> 
    <tr> 
     <td>HI</td> 
     <td>HI</td> 
    </tr> 
    <tr> 
     <td>HI</td> 
     <td>HI</td> 
    </tr> 
    </tbody> 
</table> 

と私はまだこれを取得しています:

Picture

+2

画像はこの場合は役に立ちません。ヘルプが必要な場合は、HTMLコードを入力してください。 –

+0

'

​​HI ​​HI​​HI ​​HI
' – Eliesu

+2

私は同じコードを使用しています。https://jsfiddle.net/h9o205d5と私はボーダーを取得しません。あなたはそれに影響を及ぼす別のCSSルールを持っている可能性があります。 –

答えて

0

境界線を使用してみてくださいここでCSSは、私がこれを行うにしようとしたのです:なし

また、oいずれかのセルを選択し、「Inspect Element」(Firefox)を選択します。新しいウィンドウの右側(ルールの下)で、境界線が来る場所(CSS)を確認できます。

また、要素間に余白がなく、その背後にある要素の背景色が光り輝くようにしてください。しかし、それはテーブルを使用するときには本当に可能ではありません。

関連する問題