css製作凸字型框

css製作凸字型框 昨天在羣裏看到有人想做凸字型框，今天用幾分鐘做了一下，發現還蠻巧妙的，分享一下 最終實現效果如下： 一開始我以爲只要上下兩個圓角矩形拼接就行，NO NO NO，其實兩個圓角相交處還有圓角，一看這個圓角就知道，可以使用白色的圓角矩形覆蓋，那麼問題來了： 白色的圓角矩形覆蓋之後，中間會形成空隙，這個空隙需要藍色填滿。所以思路是這樣的： 1.先建立上下兩個圓角矩形： HTML: 2.

>>阅读原文<<