html - セルの縦罫線がない TABLE

Question

HTML テーブルにセルの水平境界線のみを表示したいと考えています。縦のセルの境界線を非表示にする方法はありますか?

score 26 · Accepted Answer

trCSS を介してタグをスタイリングすることにより、厳密に水平の境界線を追加できます。

CSS の例:

tr {
    border-bottom: 1px solid black;
    border-top: 1px solid black;
    border-collapse: collapse;
}

もちろん、選択した境界線のスタイル/幅/色を使用できます。

score 8 · Accepted Answer

8

table, th, td {
  border-left: none;
  border-right: none;
}

于 2012-06-28T04:42:46.873 に答える

score 7 · Accepted Answer

古いスタイルを使用していると仮定して<table border="1">、それを作成し<table border="1" rules="rows">ます。

score 2 · Accepted Answer

2

<style>
  td {border-left: 1px solid black;}
</style>

于 2013-07-27T01:31:37.607 に答える

score -6 · Accepted Answer

CSS を介して tr タグをスタイリングすることにより、厳密に水平な境界線を追加できます。

<TABLE 
    BORDER=1 CELLPADDING=3 CELLSPACING=1 
    RULES=COLS FRAME=BOX
>

7 に答える 7