首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >如何向表格行添加边距<tr>

如何向表格行添加边距<tr>
EN

Stack Overflow用户
提问于 2012-05-22 02:07:00
回答 13查看 468.8K关注 0票数 228

我有一个包含许多行的表。其中一些行是class="highlight",表示需要以不同的方式设置样式并突出显示的行。我想做的是在这些行之前和之后添加一些额外的间距,以便它们看起来与其他行稍微分开。

我以为我可以用margin-top:10px;margin-bottom:10px;解决这个问题,但是它不起作用。有谁知道如何完成这件事,或者是否可以做到?这是HTML,我已经将tbody中的第二个tr设置为class highlight。

代码语言:javascript
复制
<table>
<thead>
  <tr>
     <th>Header 1</th>
     <th>Header 2</th>
  </tr>
</thead>
<tbody>
  <tr>
     <td>Value1</td>
     <td>Value2</td>
  </tr>
  <tr class="highlight">
     <td>Value1</td>
     <td>Value2</td>
  </tr>
  <tr>
     <td>Value1</td>
     <td>Value2</td>
  </tr>
  <tr>
     <td>Value1</td>
     <td>Value2</td>
  </tr>
</tbody>
</table>
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/10690299

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档