先看一下下面这个例子:

margin负值的巧妙应用解决边框叠加变粗的问题?(55)

 都加上边框,两个盒子之间有两个边框就会造成加粗的问题。

margin负值的巧妙应用解决边框叠加变粗的问题?(55)

 加入margin-left :-1;

margin负值的巧妙应用解决边框叠加变粗的问题?(55)

margin负值的巧妙应用解决边框叠加变粗的问题?(55)

加入鼠标经过边框变色的效果: 

margin负值的巧妙应用解决边框叠加变粗的问题?(55)

margin负值的巧妙应用解决边框叠加变粗的问题?(55)

可是前几个效果不是的 

margin负值的巧妙应用解决边框叠加变粗的问题?(55)

margin负值的巧妙应用解决边框叠加变粗的问题?(55)

加入定位就可以了。 

margin负值的巧妙应用解决边框叠加变粗的问题?(55)

margin负值的巧妙应用解决边框叠加变粗的问题?(55)

如果本来有定位,那就加入层级就可以了呀! 

margin负值的巧妙应用解决边框叠加变粗的问题?(55)

margin负值的巧妙应用解决边框叠加变粗的问题?(55)

margin负值的巧妙应用解决边框叠加变粗的问题?(55)

相关文章:

  • 2022-12-23
  • 2022-01-05
  • 2022-12-23
  • 2022-12-23
  • 2021-10-13
  • 2021-11-23
猜你喜欢
  • 2021-06-05
  • 2022-12-23
  • 2021-09-21
  • 2022-12-23
  • 2021-06-13
  • 2021-12-04
相关资源
相似解决方案