CSS 如何实现这种边框?

图片描述

请问如何实现以上效果?只要中间的分割线,不要四周的边框线

阅读 2.5k
3 个回答

用伪类选择器,或者直接设第一排的四个设右下的框,然后下面三排的边框设又上的边框,应该能实现需求,就是比较冗余

你确定你是一排四个一共四排的话就很简单。问题是你得首先说清楚你这个布局一排4个是否会变动,最后我建议用table写,tr td p:nth-child(n)什么的了解一下,写你这个应该还不错

规律整理下就好了:
所有行tr框都写上border-bottom,last-child边框写none
所有小格子td都写border-rightlast-child边框写none

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题