15

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

4

7 に答える 7

26

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

CSS の例:

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

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

JS フィドル: http://jsfiddle.net/XPyzM/

于 2012-06-28T02:12:40.213 に答える
8
table, th, td {
  border-left: none;
  border-right: none;
}
于 2012-06-28T04:42:46.873 に答える
7

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

于 2012-06-28T02:10:09.983 に答える
2
<style>
  td {border-left: 1px solid black;}
</style>
于 2013-07-27T01:31:37.607 に答える
-6

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

<TABLE 
    BORDER=1 CELLPADDING=3 CELLSPACING=1 
    RULES=COLS FRAME=BOX
>
于 2013-07-12T10:57:24.020 に答える