Layui卡片默认头部与主体间有浅灰色分隔线，本质是.header的border-bottom；去掉只需覆盖为none，如.layui-card-header{border-bottom:none!important}，必要时连外边框一并清除。

Layui 卡片（.layui-card）默认在头部（.layui-card-header）和主体（.layui-card-body）之间有一条浅灰色的横向分隔线，本质是 .layui-card-header 的 border-bottom 样式。要去掉它，只需用 CSS 覆盖该边框即可。

直接清除 header 底部边框

这是最简洁有效的方式，无需改动 HTML 结构或 JS 初始化逻辑：

深蓝色网站后台管理系统layui框架模板-AdminPro

一款深蓝色网站后台管理系统layui框架模板

下载

• 给卡片 header 添加样式：.layui-card-header { border-bottom: none !important; }
• 如果使用了自定义主题或皮肤（如 skin: "line"），可能还存在额外边框，可一并覆盖：.layui-card { border: none; }（避免外边框干扰视觉）

注意兼容固定布局与嵌套场景

某些情况下分隔线可能“重现”，常见于：

• 卡片嵌套在栅格（.layui-col-md*）中，父容器有 padding 或 margin 导致视觉错觉——检查是否误把外边距当成分隔线
• 使用了 .layui-card-header + .layui-card-body 相邻选择器自定义样式，意外加了 margin-top: 1px 类似值——建议统一用 margin: 0 重置
• 多卡片并列时，浏览器抗锯齿或缩放导致 1px 线“若隐若现”——加 transform: translateZ(0) 强制硬件加速可缓解

若需保留顶部边框但仅去中间线

有时希望卡片整体有上边框、无中间线，可这样组合：

• .layui-card { border-top: 1px solid #e6e6e6; border-left: none; border-right: none; border-bottom: none; }
• .layui-card-header { border-bottom: none !important; padding-bottom: 12px; }
• .layui-card-body { padding-top: 12px; } —— 补齐视觉间距，避免内容贴顶