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

标签 html css html-table

我有一个包含一些行和列的 html 表格,我只想使表格的顶部和底部边框可见。有人可以就此提出建议吗?

这是我当前的代码:

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

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

最佳答案

这里是代码片段

<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

关于html - 使用 CSS 使表格的顶部和底部边框可见,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19510407/

相关文章:

html - css 图片不会显示

css - 如何将我的幻灯片放在段落旁边

html - 如何为 HTML 中的所有 table-colspans 设置一定的高度?

html - 图片背景加载缓慢

javascript - 如何确定在 HTML 表单中选中了哪些复选框?

iphone - 图像在所有浏览器中加载,但在 UIWebView 中不加载

php - 如何使用 explode 显示表格,或者还有其他建议吗?

html - 如何避免文本上方的额外填充?

jquery - 粘性标题上的动画

css - 如何在不使用 javascript 和偶数/奇数类生成的情况下在 html 表上创建斑马条纹?