css制作凸字型框

css制作凸字型框 昨天在群里看到有人想做凸字型框，今天用几分钟做了一下，发现还蛮巧妙的，分享一下 最终实现效果如下： 一开始我以为只要上下两个圆角矩形拼接就行，NO NO NO，其实两个圆角相交处还有圆角，一看这个圆角就知道，可以使用白色的圆角矩形覆盖，那么问题来了： 白色的圆角矩形覆盖之后，中间会形成空隙，这个空隙需要蓝色填满。所以思路是这样的： 1.先建立上下两个圆角矩形： HTML: 2.

>>阅读原文<<