entityMap|blocks|key|abiva|text|可以使用CSS伪类是一个关键字。例如，要从第二列开始第一行：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|etef7|.table+tr:first-child+>+td:ntn-child(2)+{
++//+Something
}|code-block|syntax|javascript|boc17|您也可以使用:not()。|offset|length|style|CODE|d1g6r^0|0|0|6|6|0^^$0|$]|1|@$2|3|4|5|6|7|8|O|9|@]|A|@]|B|$]]|$2|C|4|D|6|E|8|P|9|@]|A|@]|B|$F|G]]|$2|H|4|I|6|7|8|Q|9|@$J|R|K|S|L|M]]|A|@]|B|$]]|$2|N|4|-4|6|7|8|T|9|@]|A|@]|B|$]]]]

<p>You can use CSS pseudo-class is a keyword. For example, to begin the first row at the second column:</p>
<pre><code>.table tr:first-child &gt; td:ntn-child(2) {
  // Something
}
</code></pre>
<p>You can use <code>:not()</code> too.</p>


entityMap|blocks|key|25n2b|text|您需要为每个单元格设置边框，而不是在表格上全局设置边框。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|864n0|代码可能如下所示|282bp|table+{
++border:+none;
}
table+tr:first-child+td+{
++border-top:+1px+solid+black;
}
table+tr:last-child+td+{
++border-bottom:+1px+solid+black;
}

/*+...+same+for+columns+with+pseudo+classes+on+td+*/

/*+first+cell+in+first+row+*/
table+tr:first-child+td:first-child+{
++border:+1px+solid+black;
++border-left-color:+transparent;
++border-top-color:+transparent;
}|code-block|syntax|javascript|vaer|我让你自己弄清楚细节|djl3t^0|0|0|0|0^^$0|$]|1|@$2|3|4|5|6|7|8|M|9|@]|A|@]|B|$]]|$2|C|4|D|6|7|8|N|9|@]|A|@]|B|$]]|$2|E|4|F|6|G|8|O|9|@]|A|@]|B|$H|I]]|$2|J|4|K|6|7|8|P|9|@]|A|@]|B|$]]|$2|L|4|-4|6|7|8|Q|9|@]|A|@]|B|$]]]]

<p>You will need to set your borders per cell rather than globally on your table.</p>
<p>Code could look like</p>
<pre class="lang-css prettyprint-override"><code>table {
  border: none;
}
table tr:first-child td {
  border-top: 1px solid black;
}
table tr:last-child td {
  border-bottom: 1px solid black;
}

/* ... same for columns with pseudo classes on td */

/* first cell in first row */
table tr:first-child td:first-child {
  border: 1px solid black;
  border-left-color: transparent;
  border-top-color: transparent;
}
</code></pre>
<p>I'm letting you figure out the details by yourself</p>


entityMap|0|type|LINK|mutability|MUTABLE|data|url|https://stackoverflow.com/questions/19842218/whats-the-best-way-to-represent-an-empty-th-in-html5/19842702#19842702|1|https://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution|2|https://drafts.csswg.org/css-tables-3/#border-specificity|blocks|key|bgug3|text|创建一个空单元格来表示裁剪(此is+valid+and+recommended+by+the+spec)，删除该空单元格的背景，并为其提供与表格相同的边框属性，但在与表格边框(在本例中为上边框和左边框)重叠的位置将其边框样式设置为隐藏。任何样式为隐藏的表格单元格的边框都会导致在折叠边框模式下与其重叠的任何边框消失(CSS2.1、css-tables-3)：|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|ert66|​|ffv19|table+{
++width:+100%25;
++border:+1px+solid+#000;
++border-collapse:+collapse;
++border-spacing:+0;
}

th+{
++background-color:+#56a9ce;
}

th,+td+{
++font-family:+sans-serif;
++text-align:+center;
}

tr:first-child+>+th:first-child+{
++background-color:+transparent;
++border:+1px+#000;
++border-style:+hidden+solid+solid+hidden;
}|code-block|syntax|javascript|632se|<table>
++<thead>
++++<tr>
++++++<th></th><th+colspan="3">Content</th>
++++<tr>
++++++<th>Content</th><th>Content</th><th>Content</th><th>Content</th>
++</thead>
++<tbody>
++++<tr>
++++++<td>X</td><td>X</td><td>X</td><td>X</td>
++++<tr>
++++++<td>X</td><td>X</td><td>X</td><td>X</td>
++++<tr>
++++++<td>X</td><td>X</td><td>X</td><td>X</td>
++</tbody>
</table>|1cnkj|4u1cd^0|F|10|0|4E|6|1|4L|C|2|0|0|0|0|0^^$0|$1|$2|3|4|5|6|$7|8]]|9|$2|3|4|5|6|$7|A]]|B|$2|3|4|5|6|$7|C]]]|D|@$E|F|G|H|2|I|J|Z|K|@]|L|@$M|10|N|11|E|12]|$M|13|N|14|E|15]|$M|16|N|17|E|18]]|6|$]]|$E|O|G|P|2|I|J|19|K|@]|L|@]|6|$]]|$E|Q|G|R|2|S|J|1A|K|@]|L|@]|6|$T|U]]|$E|V|G|W|2|S|J|1B|K|@]|L|@]|6|$T|U]]|$E|X|G|P|2|I|J|1C|K|@]|L|@]|6|$]]|$E|Y|G|-4|2|I|J|1D|K|@]|L|@]|6|$]]]]

<p>Make an empty cell to represent the cutout (this <a href="https://stackoverflow.com/questions/19842218/whats-the-best-way-to-represent-an-empty-th-in-html5/19842702#19842702">is valid and recommended by the spec</a>), remove the background from that empty cell, and give it the same border properties as the table, but set its border style to hidden where it overlaps the table's border (in this case, the top and left borders). Any of a table cell's borders whose style is hidden causes any borders that would overlap it in collapsed-borders mode to disappear (<a href="https://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="nofollow noreferrer">CSS2.1</a>, <a href="https://drafts.csswg.org/css-tables-3/#border-specificity" rel="nofollow noreferrer">css-tables-3</a>):</p>
<p><div class="snippet" data-lang="js" data-hide="false" data-console="false" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-css lang-css prettyprint-override"><code>table {
  width: 100%;
  border: 1px solid #000;
  border-collapse: collapse;
  border-spacing: 0;
}

th {
  background-color: #56a9ce;
}

th, td {
  font-family: sans-serif;
  text-align: center;
}

tr:first-child &gt; th:first-child {
  background-color: transparent;
  border: 1px #000;
  border-style: hidden solid solid hidden;
}</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;table&gt;
  &lt;thead&gt;
    &lt;tr&gt;
      &lt;th&gt;&lt;/th&gt;&lt;th colspan="3"&gt;Content&lt;/th&gt;
    &lt;tr&gt;
      &lt;th&gt;Content&lt;/th&gt;&lt;th&gt;Content&lt;/th&gt;&lt;th&gt;Content&lt;/th&gt;&lt;th&gt;Content&lt;/th&gt;
  &lt;/thead&gt;
  &lt;tbody&gt;
    &lt;tr&gt;
      &lt;td&gt;X&lt;/td&gt;&lt;td&gt;X&lt;/td&gt;&lt;td&gt;X&lt;/td&gt;&lt;td&gt;X&lt;/td&gt;
    &lt;tr&gt;
      &lt;td&gt;X&lt;/td&gt;&lt;td&gt;X&lt;/td&gt;&lt;td&gt;X&lt;/td&gt;&lt;td&gt;X&lt;/td&gt;
    &lt;tr&gt;
      &lt;td&gt;X&lt;/td&gt;&lt;td&gt;X&lt;/td&gt;&lt;td&gt;X&lt;/td&gt;&lt;td&gt;X&lt;/td&gt;
  &lt;/tbody&gt;
&lt;/table&gt;</code></pre>
</div>
</div>
</p>


<p>How do I skip the first cell of the first row with HTML, while maintaining the table border on the rest of the table (like the example in the picture)? I know how to do this with individual cell borders, but I want to keep the outside table border instead with no cell borders. Is there a way, for example, to begin the first row at the second column?</p>
<p><img src="https://i.stack.imgur.com/aYsWC.png" alt="Picture of table - example" /></p>


How to skip a cell in a table with HTML?

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

 如何使用HTML跳过第一行的第一个单元格，同时在表格的其余部分保持表格边框(如图片中的示例)？我知道如何对单个单元格边框执行此操作，但我希望保留表的外部边框，而不是单元格边框。例如，有没有办法从第二列开始第一行？ ​ ? ​ 

问如何使用HTML跳过表格中的单元格？
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何使用HTML跳过表格中的单元格？EN