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 回答