美文网首页
Trick:css边框合并问题

Trick:css边框合并问题

作者: 科科Cole | 来源:发表于2021-09-10 23:13 被阅读0次

在使用<table>标签时我们知道,有一个css属性可以设置表格边框是否合并:border-collapse。那么对于非表格布局呢,怎么设置边框合并?对单元格使用margin-right,margin-bottom即可:

.cell {
  border: 1px solid #bfbfbf;
  margin-right: -1px;
  margin-bottom: -1px;
}

相关文章

  • Trick:css边框合并问题

    在使用 标签时我们知道,有一个css属性可以设置表格边框是否合并:border-collapse。那么对于非表格布...

  • CSS常用样式总结,持续更新中...

    一、表格线边框重复css解决方法 解决方法: 合并表格边框border-collapse:collapse 语法:...

  • CSS(button按钮点击样式)

    按钮的点击时出现黑色边框的问题 添加css属性 按钮的点击后出现蓝色边框的问题 添加css属性

  • CSS笔记16:border-collapse

    合并表格单元格边框 未合并边框时样式未合并表格单元格边框

  • CSS设置盒子边框

    边框可以拆分 合并相邻边框

  • css-02

    1. 表格边框重叠导致变粗问题 可89=================以使相邻边框合并在一 2.padding问...

  • HTML+CSS+JavaScript知识点整理2

    CSS选择器 CSS注释 CSS列表属性 CSS边框属性:每个元素都可以加边框线 CSS内边距属性:边框线到内容间...

  • css基础--2

    CSS框模型(Box Model) 内边距 边框 外边距 外边距合并 行级元素和块级元素 行级元素strong s...

  • css基础探索(二)

    1、CSS框模型(Box Model) 2、内边距 3、边框 4、外边距 5、外边距合并 6、行级元素和块级元素 ...

  • 2019-01-15

    margin负值用法:类似于 table 的单元格边框合并。使用场景:商品展示的边框合并。

网友评论

      本文标题:Trick:css边框合并问题

      本文链接:https://www.haomeiwen.com/subject/jgqowltx.html