文章/答案/技术大牛

发布

css去掉表格内边框

基础概念

CSS（层叠样式表）是一种用于描述HTML或XML（包括SVG、MathML等各种XML方言）文档样式的样式表语言。通过CSS，可以控制网页中元素的布局、颜色、字体等样式。

类型

CSS样式可以通过以下几种方式应用：

外部样式表：通过<link>标签引入。
内部样式表：在HTML文档的<head>部分使用<style>标签定义。
内联样式：直接在HTML元素中使用style属性定义。

应用场景

CSS广泛应用于各种网页设计中，包括但不限于：

页面布局
文本样式
颜色和背景
边框和阴影

问题解决

要去掉表格内边框，可以使用CSS选择器来设置表格的边框样式。以下是一个示例代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>去掉表格内边框</title>
    <style>
        table {
            border-collapse: collapse; /* 合并边框 */
        }
        table, th, td {
            border: none; /* 去掉边框 */
        }
    </style>
</head>
<body>
    <table>
        <tr>
            <th>Header 1</th>
            <th>Header 2</th>
        </tr>
        <tr>
            <td>Data 1</td>
            <td>Data 2</td>
        </tr>
    </table>
</body>
</html>

参考链接

通过上述代码，表格的内边框将被去掉。border-collapse: collapse;属性用于合并单元格边框，而border: none;则用于去掉所有边框。

页面内容是否对你有帮助？

有帮助

没帮助

用于从内部表格中移除边框的html

html、css、width、border

我想把内桌的边框和底部的边框去掉，然后把它拉长，让它和外桌一样长。我尝试过在css中对底部、右侧和左侧使用border- right : none；，但是无论我设置多宽的内表与外表相接，内表这些边的边框始终保持不变。我可以使用什么html/css来隐藏内部表格的边框，但保留tds周围的边框？

浏览 7提问于2011-10-25得票数 1

4回答

创建具有圆角的表格

css、css-tables、rounded-corners

浏览一下，您可以看到表的边框覆盖了div的边框。有没有防止重写的风格？

浏览 1提问于2011-05-18得票数 0

回答已采纳

9回答

删除表格边框

html、css、asp.net-mvc-3

我不能摆脱这个表格边框。我删除了很多代码，并在上面添加了一个表。 <title>@ViewBag.Title</title> <link href="@Url.Content("~/Content/Site.css")" rel="

浏览 2提问于2011-06-09得票数 16

回答已采纳

3回答

我的<TD>和<TH>的边框不相交

html、css、html-table

有没有办法让它进一步向下延伸，或者让<td>的左边框进一步向上延伸？

浏览 1提问于2011-02-22得票数 0

2回答

嵌套表格标题对齐

html、css、css-tables

请帮帮我。

浏览 2提问于2011-10-10得票数 1

回答已采纳

2回答

HTML表格-不显示边框

html、css、html-table

是的，我找过了。我已经谷歌过了。我已经问过别人了。到目前为止还没有答案。 .btlTable{ /* Table Styling */ .tblLeft {text-align: left;} .tabIn {margin: 0px 0px 0px 3

浏览 1提问于2014-12-22得票数 0

1回答

如何删除iframe突出显示焦点的边框？

html、css、iframe、focus、border

想知道是否可以删除嵌入在页面内的iframe焦点上的虚线边框？iframe包含一个表单，该表单在包含它的页面上的一些输入框中使用to键。焦点边框看起来很难看，想要去掉它。我已经尝试在iframe中将frameborder设置为0，添加hidefocus属性，并通过CSS将边框和轮廓设置为0，但都没有效果。任何帮助都将不胜感激！

浏览 3提问于2012-08-07得票数 2

3回答

如何在CSS中设置表格的单元格间距和单元格间距？

html、css

谁能告诉我如何改变表格的单元格间距和单元格间距，就像你可以用html做的那样：但是如何使用css来完成呢？

浏览 2提问于2013-05-07得票数 35

2回答

比HTML表单的HTML表更好吗？

html、css、css-tables

我已经通过使用CSS来完成“屏幕”的图形布局，从而大大减少了前端使用的标签数量。有没有一种CSS标签可以代替HTML表格，为HTML表单提供一个很好的网格？它会显著减少标签的数量吗？

浏览 2提问于2012-02-16得票数 0

回答已采纳

2回答

css在表单元格内移动边框

css、border

我有表格单元格，我将各种图像设置为单元格周围没有边距的边框。有没有一种方法可以将彩色边框放在图像中，将边框推入单元格中，而不是直接放在边缘？

浏览 4提问于2012-12-16得票数 2

3回答

向fancybox2添加无填充的边界半径

fancybox、rounded-corners、css

我使用的是fancybox 2，我可以去掉框架外部的填充，但是我失去了它附带的边界半径。我想要的是在框架内的主要内容周围的边界半径。因此，我尝试进入css并添加一个边框半径到花哨的内部选择器，但它不起作用。我怎样才能给框架一个没有边框的圆角？如果有人能帮我解决这个问题，那就太好了！

浏览 0提问于2012-01-30得票数 1

1回答

jquery datatable滚动条定位

javascript、jquery、datatable

我试图在实际的表格中定位垂直滚动条，即在tabke的边框内。默认行为是将滚动条放置在最后一列的旁边，即在表的外部。我正在对我的表使用引导css。代码在这里

浏览 0提问于2016-04-10得票数 0

5回答

如何从表格单元格中删除边框

css

我试着去掉表格中属性的边框，但是没有用！边框:无；边框: 0；请告诉我我哪里错了？我该怎么做呢？谢谢。

浏览 6提问于2018-02-27得票数 0

2回答

我正在尝试在CSS中设置一个边框半径为12px的表格。在表内的tr或td上没有边界，只是整个地块周围的一个边界。但是，这会在表和第一行之间创建一个白色边框-我希望它们彼此对齐，而不是白色边框，因为标题行有彩色背景。我试过使用边框折叠来做这件事，但是这抵消了整个表格上的边框半径，使标题行在顶部的两个角上四舍五入，但在一个正方形的表格内。这很难解释，所以可以在中找到一个例子。您可以看到表和具有蓝色背景

浏览 0提问于2012-10-25得票数 3

回答已采纳

2回答

如何使用表格CSS属性除google自定义搜索之外的所有表格？

css、wordpress、google-custom-search

当我尝试为th，td添加边框时，他们也申请了我的GCSE。当它出现在那里时，它看起来很丑陋。我正在试图弄清楚如何使用我的CSS代码除谷歌自定义搜索以外的所有表格。这是我的网站th, td {padding: 8px;} 这是我的搜索按钮截图，它周围有一个边框如果我去掉th的边框，它看起来很漂亮。

浏览 51提问于2018-08-18得票数 -2

回答已采纳

1回答

没有与顶部对齐的边框的嵌套表

html、css

我想要将嵌套的表格与顶部对齐。但行中的不匹配表明情况并非如此。我想我已经从表格中去掉了所有的边框大小，填充，间距，但仍然有一些东西阻止了它真正的顶部对齐。:top;border-width: 0px; border-spacing: 0px; /* Removes the cell spacing via CSS

浏览 0提问于2016-10-15得票数 1

3回答