0

HTML にいくつかの行と列を含むテーブルがあり、テーブルの上下の境界線だけを表示したいと考えています。誰でもそれについてアドバイスできますか？

これは私の現在のコードです：

 table#beta
        {
            border-collapse:collapse;
        }
        table#beta td
        {
            border:1px solid black;
        }

 <table id ="beta" border="0" width="100%">
4

3 に答える 3

2

ここにコードのスニペット

<table>
  <tr><td>hello</td><td>test</td></tr>
  <tr><td>hello</td><td>test</td></tr>
  <tr><td>hello</td><td>test</td></tr>
  <tr><td>hello</td><td>test</td></tr>
</table>

そしてスタイル

table {
  border: none;
  border-top: 1px solid Black;
  border-bottom: 1px solid Black;
}

ここでjsFiddle

于 2013-10-22T06:29:19.207 に答える
1

これをチェックして ...

<style type="text/css">
.my_table {
    border-top:1px solid ;
    border-bottom:1px solid ;
}
</style>
<table class="my_table" cellpadding="0" cellspacing="0">
    <tr>
        <td>Column1</td>
        <td>Column2</td>
        <td>Column3</td>
        <td>Column4</td>
    </tr>
    <tr>
        <td>AAAAA</td>
        <td>AAAAA</td>
        <td>AAAAA</td>
        <td>AAAAA</td>
    </tr>
    <tr>
        <td>BBBBB</td>
        <td>BBBBB</td>
        <td>BBBBB</td>
        <td>BBBBB</td>
    </tr>
</table>
于 2013-10-22T06:28:42.050 に答える
1

次のように使用します。

table{
border-top: 1px solid #000;
border-bottom: 1px solid #000;
}

デモ

于 2013-10-22T06:29:14.890 に答える