Question

我有一个表格，其中包含html中的一些行和列，我想让表格的顶部和底部边框可见。有人可以就此提出建议吗？

这是我目前的代码：

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

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

Answer 1

这里是一段代码

<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 here

Answer 2

检查一下......

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

Answer 3

像这样使用：

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

demo

使用CSS可以使表格的顶部和底部边框可见

3 个答案: