CSS 两个元素之间衔接的圆角。

效果图

代码地址 → 传送

新手，代码可能比较乱，主要原理是在拐角处填一个遮盖物，让他看起来像是衔接了起来。

例如这个：

设置如下

  //下边框
  border-bottom: 2px solid white;
  //右边框
  border-right: 2px solid white;
  //右下角圆角
  border-radius: 0 0 5px 0;

然后位置调整好，覆盖上去就行了。