当前位置: 首页 > 知识库问答 >
问题:

无条带/边框的引导表

方兴旺
2023-03-14

我在使用bootstrap时遇到了一个CSS问题。我还将Angular JS与Angular UI.bootstrap一起使用(这可能是问题的一部分)。

我正在制作一个在表格中显示数据的网站。有时,数据包含我必须在表中显示的对象。因此,我想将无边框表放在普通表中,同时为无边框表保留内部分隔线。

但似乎即使我特别说不要在一张桌子上显示边框,也是被迫的:

HTML:

<table class='table borderless'>

CSS:

.borderless table {
    border-top-style: none;
    border-left-style: none;
    border-right-style: none;
    border-bottom-style: none;
}

所以这里,我想要的只是内部边界。

共有2个答案

微生昌勋
2023-03-14

使用Bootstrap 3.2.0时,我遇到了Brett Henderson解决方案的问题(边框始终存在),因此我对其进行了改进:

HTML

<table class="table table-borderless">

CSS

.table-borderless > tbody > tr > td,
.table-borderless > tbody > tr > th,
.table-borderless > tfoot > tr > td,
.table-borderless > tfoot > tr > th,
.table-borderless > thead > tr > td,
.table-borderless > thead > tr > th {
    border: none;
}
公良鸿风
2023-03-14

边框样式设置在td元素上。

HTML:

<table class='table borderless'>

CSS:

.borderless td, .borderless th {
    border: none;
}

更新:自Bootstrap 4.1以来,您可以使用.table-borderless删除边框。

https://getbootstrap.com/docs/4.1/content/tables/#borderless-table

 类似资料:
  • 我试图简单地在 元素周围放置一个边框,但是Bootstrap navbar 元素的边框向上到navbar的顶部和底部,这与图片中的情况不同。以下是我努力的样子: 我尝试使用的CSS只是一个简单的边框: 我尝试在链接周围设置边距,但这会使链接与其他链接脱节。我还尝试将SIGN UP按钮包装在div中,但这会使它失去很多引导属性。 有没有什么简单的方法,让我把这个边框周围的注册链接,而不必对抗引导?

  • 我用以下超文本标记语言制作了页脚: 当我把它设置为固定时,一切都很完美。但是当我把页脚设置为不固定时,它不在页面底部(浮动),并且有边框半径。如何将它设置为页面底部(不固定)并删除边框半径? 任何指导都将非常感激。

  • 下面的屏幕截图显示了对1的测试。我想使矩形外的组件的角完全透明 但是,当父面板上有红色背景(或任何非标准颜色)时,您可以看到这种方法的缺点。拐角默认为默认面板颜色(最容易在中看到)。 最终,我希望它能用于父容器中的非标准颜色,但它的部分灵感来自于我需要做什么才能用渐变绘制复制此组件? 有人知道如何让这些角落透明吗? 而是为JTextArea的内部填充设计的,带有背景图像(

  • 在CSS1中,就支持为元素添加边框,并可以设置边框的样式、颜色、及粗细。不过,当时的边框太过单一,只支持简单的线条边框。 在CSS3中,为了实现丰富的边框效果,对边框属性进行了扩展,除了线条边框外,也可以把图像作为边框,同时还可以创建圆角边框,也可以使用盒阴影来为元素添加一个或多个边框阴影。 线条边框使用 border属性定义,图像边框使用 border-image 属性来定义,圆角边框使用 bo

  • 问题内容: 使用Bootstrap类时,表中的其他每一行的背景色均等于。如何改变这种颜色? 问题答案: 在bootstrap.css中更改此行,或者可以使用(奇数)或(偶数)代替(2n + 1)

  • 我有一个使用flowless项目的JavaFX列表。但是我得到了一个奇怪的边框(我没有启用任何边框,并且强制边框具有width=0px),它存在并且具有渐变效果: 当我将单元格background-inset设置为-1时,边框就没有了,所以我相信这个问题与背景有关。虽然这不是一个解决方案,因为如果我启用了边框(这是我想要的),渐变效果仍然存在。 有人知道我怎样才能摆脱这个边界吗? 谢谢!