登录/注册

thead设置下边框

更多

要为 HTML 表格中的 <thead> 元素设置下边框,可以使用以下 CSS 方法:

/* 确保表格边框模型设置为合并模式 */
table {
  border-collapse: collapse;
}

/* 为 thead 设置下边框 */
thead {
  border-bottom: 2px solid #000; /* 2px 黑色实线边框 */
}

关键点说明:

  1. border-collapse: collapse;
    必须设置在 <table> 上,使单元格边框合并为一个整体,否则边框可能不连续。

  2. border-bottom 属性
    直接作用于 <thead> 元素:

    • 2px:边框粗细(按需调整)
    • solid:实线样式(可选 dashed/dotted
    • #000:边框颜色(可使用任意颜色值)

完整示例:

<style>
  table {
    border-collapse: collapse;
    width: 100%;
  }
  thead {
    border-bottom: 2px solid #f00; /* 红色实线下边框 */
    background-color: #eee;
  }
  th, td {
    padding: 8px;
    text-align: left;
  }
</style>

<table>
  <thead>
    <tr>
      <th>姓名</th>
      <th>年龄</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>张三</td>
      <td>25</td>
    </tr>
    <tr>
      <td>李四</td>
      <td>30</td>
    </tr>
  </tbody>
</table>

替代方案:

如果只想在表头最后一行加边框(如多行表头):

thead tr:last-child th {
  border-bottom: 2px solid #000;
}

此方法兼容所有现代浏览器,如需兼容 IE 等老版本浏览器,请确保测试验证。

魅族 21 官宣,以1.74mm挑战全球最窄手机下边框

在当今智能手机市场中,手机的外观设计已经成为吸引用户选购的重要因素。其中,下边框的宽度对手机的整体观感产生重大影响,因此受到了各大手机厂商的极度重视。最近,魅族21手机的预热发布,让人们对于手机下边框

2023-11-16 17:45:33

没有最窄,只有更窄!魅族21手机将挑战1.74mm下边框

21手机将以1.74mm的极窄边框设计挑战全球最窄手机下边框。这一创新设计,无疑将再次刷新行业标准,彰显了魅族在科技方面的硬核实力。 魅族的设计理念和创新精神一直备受业界认可。1.74mm的

2023-11-16 17:44:58

全球最窄LCD下边框模组产品研制成功,打破IC在面板上的常规布局

今天TCL华星宣布,历时2年时间,攻克数项技术难题,终于将LCD模组下边框压缩至全球最小2.4mm(显示区到FPC弯折顶点),成功研制出全球最窄LCD下边框模组产品。

2020-08-12 18:01:47

安徽省《城市道路杆件综合设置技术标准》

安徽省《城市道路杆件综合设置技术标准》(DB34_T3956-2021)安徽省《城市道路杆件综合设置技术标准》(DB34_T3956-2021)安徽省《城市道路杆件综合

资料下载 睿泽物联 2022-07-28 09:51:36

TP-Link TL-WDR3320路由器桥接设置方法

TP-Link TL-WDR3320路由器桥接设置方法

资料下载 刘志涛 2021-08-11 14:17:10

PCB设计-设置布线约束条件

PCB设计-设置布线约束条件说明。

资料下载 ah此生不换 2021-04-13 09:54:24

ADP8866控制背光照明和LED指示灯的设置资料下载

电子发烧友网为你提供ADP8866控制背光照明和LED指示灯的设置资料下载的电子资料下载,更有其他相关的电路图、源代码、课件教程、中文资料、英文资料、参考设计、用户指南、解决方案等资料,希望可以帮助到广大的电子工程师们。

资料下载 从未拥有 2021-04-13 08:54:41

如何设置Eclipse的帮助文档

如何设置Eclipse的帮助文档0:如何设置word 自动生成目录 , 第一:补全代码: ,第二:调整字体大小 ,第三:如何配置tomcat ,第四:当我们把eclipse 下面窗口关闭掉以后,让

资料下载 佚名 2020-01-14 16:16:32

设置内电层与边框的距离

AD版本19.0.6怎么设置内电层铜皮和边框的距离啊?在clearance里设个rule,设置了All和Keepout层的间距,但是没用。。

2020-02-12 22:07:34

Altium中如何设置内电层与边框的距离

AD版本19.0.6怎么设置内电层铜皮和边框的距离啊?在clearance里设个rule,设置了All和Keepout层的间距,但是没用。。。

2020-02-12 21:58:21

三星S11系列钢化膜曝光该机上下边框非常窄可以忽略不计

从曝光的图片来看,此次三星S11系列同样拥有三款型号:S11e、S11和S11 Plus。三款机身屏幕尺寸不同,但正面的设计大体是类似的。两侧同样采用了双曲面设计,上下边框非常窄,几乎可以用“忽略不计”来形容了。

2019-12-27 15:00:37

如何设置Orange PI为与汽车后视显示器和HDMI至RCA适配器一起使用

在某些时候,您将能够正确看到屏幕图像的右下边框。左上角的东西不太像彩虹。我只能建议调整您的Xorg设置。在“ Debian XFCE 0.9.1”中,导航至设

2019-12-09 15:02:44

为什么AD17中边框重新设置定义后没有变化?

AD17中边框重新设置,重新定义后为什么没有变化,整个文件在附件中,大虾们可以帮忙一下。

2019-09-20 03:08:42

为什么AD软件显示不了元件边框

AD软件显示不了元件边框?请问设置了什么?PCB元件封装脚位不显示了

2019-09-18 05:37:21

如何设置让Altium图中外界和板的边框一样大小?

如何设置外界和板的边框一样大小

2019-09-10 03:12:49
7天热门专题 换一换
相关标签