Html 如何删除此表头的上边框?

Html 如何删除此表头的上边框?,html,css,twitter-bootstrap,Html,Css,Twitter Bootstrap,我使用的是bootstrap 2.3.2,有一个表有两个标题(一次只显示一个标题)。这是 标题1 标题2 视图1 视图2 点击我 初始视图隐藏了.view_1,显示了.view_2。但是,标题上有一个轻微的上边框。隐藏.view_2和显示.view_1时,此边框将消失。当显示.view_2时,如何隐藏上边框 谢谢 设置灰色边框的样式是引导组合.min.css:192中的.table th、.table td,因此您应该更改小提琴中的css: .table th, .table td { bo

我使用的是bootstrap 2.3.2,有一个表有两个标题(一次只显示一个标题)。这是


标题1
标题2
视图1
视图2
点击我
初始视图隐藏了.view_1,显示了.view_2。但是,标题上有一个轻微的上边框。隐藏.view_2和显示.view_1时,此边框将消失。当显示.view_2时,如何隐藏上边框


谢谢

设置灰色边框的样式是
引导组合.min.css:192
中的
.table th、.table td
,因此您应该更改小提琴中的css:

.table th, .table td { border:1px solid #333;}
这将允许您更改边框的样式。”这是你对修改后的CSS的摆弄

如果不希望显示上边框,则需要添加:

.table th { border-top: none; }

设置灰色边框的样式是
bootstrap combined.min.css:192
中的
.table th、.table td
,因此您应该更改小提琴中的css:

.table th, .table td { border:1px solid #333;}
这将允许您更改边框的样式。”这是你对修改后的CSS的摆弄

如果不希望显示上边框,则需要添加:

.table th { border-top: none; }

你可以使用下面的css,去掉上面的边框

CSS:

table thead tr th,table th{border top:0px;}

首先包括引导css,然后包括自定义css,然后只有默认的引导css将被css覆盖。

您可以使用下面的css来去除顶部边框

CSS:

table thead tr th,table th{border top:0px;}

首先包括引导css,然后包括自定义css,然后只有默认的引导css才会被css覆盖。

您需要发布一个css/JS等的工作示例。请尝试JSFIDLE或CodePen。@ralph.m他已经这样做了:)@kristen:small suggestion,您还可以尝试在一行中最小化jquery代码,如
$('.view_1、.view_2').toggle()
你需要用CSS/JS等发布一个工作示例。试试JSFIDLE或CodePen。@ralph.m他已经这样做了:)@kristen:小建议,你也可以尝试在一行中最小化jquery代码,如
$('.view_1,.view_2')。toggle()th{border top:0px;}
一样的。A
th
总是在A
tr
中;
thead
总是在
表中
等。除非您想处理HTML中的严重结构错误,否则那里的内容与
th{border top:0px;}
完全相同。A
th
总是在A
tr
中;
thead
始终位于
表中
等。