HTMLの下枠のみのテーブルを作成

Question

このページのスタッフディレクトリ部分をCSS、Javascript、HTMLからHTMLにコピーしようとしています。最も重要なのは、各行の下の枠線/仕切り線（またはそれらが呼び出されているもの）だけで、ここで見ているようにテーブルを作成できることです。それ、どうやったら出来るの？

http://sps.columbia.edu/about/staff-directory

ありがとう！

編集：

私はHTMLのみ、CSSは必要ありません。ありがとう、結構です！私はあなたがあなたのテーブルから枠線を削除したいと考えているのstyle.css

<table> 
    <tr style="border-bottom: 1px solid red"> 
    <td>Table Cell</td> 
    </tr> 
</table> 

Answer 1

ただ、次のコード・スニペットを使用して、あなたにそれを貼り付けます。ディレクトリtrとtbody要素に追加します。

これは、各セクション間に境界線を与えます。

Answer 2

を使用しない

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

をstyle.cssに

Answer 3

あなたはこの

<table style="border-bottom: 1px solid black"> 
 
    <tr> 
 
       <td>Someone</td> 
 
     </tr> 
 
    </table>

Answer 4

を使用することができますここではインラインスタイルを持つ純粋なHTMLバージョンです。

のTD上の表の "国境崩壊" のようなお知らせのスタイル、 "のborder-bottom" と "行の高さ" のTR上、および "幅"

<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse; width: 80%; margin: 1.5em; font-family: Arial, Helvetica, sans-serif; font-size: 0.85em;"> 
 
    <tbody> 
 
    <tr style="border-bottom: 1px solid #ccc; line-height: 1.8em;"> 
 
     <td style="width: 70%; font-weight: bold;">Dean</td> 
 
     <td style="width: 30%; text-align: right;">Joe Cool</td></tr> 
 
    <tr style="border-bottom: 1px solid #ccc; line-height: 1.8em;"> 
 
     <td style="width: 70%; font-weight: bold;">Senior Vice Dean</td> 
 
     <td style="width: 30%; text-align: right;">Jane Cool</td></tr> 
 
    <tr style="border-bottom: 1px solid #ccc; line-height: 1.8em;"> 
 
     <td style="width: 70%; font-weight: bold;">Vice Dean</td> 
 
     <td style="width: 30%; text-align: right;">John Doe</td> 
 
    </tr> 
 
    </tbody> 
 
</table>

Answer 5

<table border="0" cellpadding="0" cellspacing="0"> 
 
    <tbody> 
 
    <tr> 
 
     <td>Dean</td> 
 
    </tr> 
 
    <tr> 
 
     <td><hr /></td> 
 
    </tr> 
 
    <tr> 
 
     <td>Jane</td> 
 
    </tr> 
 
    <tr> 
 
     <td><hr /></td> 
 
    </tr> 
 
    <tr> 
 
     <td>Scott</td> 
 
    </tr> 
 
    <tr> 
 
     <td><hr /></td> 
 
    </tr> 
 
    
 
    </tbody> 
 
</table>