記得以前Facebook有段時間使用了非常多的半透明邊框（Facebox），雖然現在不支持了，但是還是值得研究一下。 你有可能覺得這樣寫就行了： 然而白色背景會一直擴散到邊框上，變成如下的樣子 ...

一.思路 普通的1px黑色實線邊框： 半像素邊框當然不是簡單地把1px改為0.5px（沒測試過，可能會被解析成1或者0），border-width的值只能是自然數 類似的，outline, box-shadow等等也沒有辦法畫出0.5px的細線 常規思路是不可行 ...

box-shadow:0 1px 0 rgba(0,0,0,.2) inset,0 -1px 0 rgba(255,255,255,.2) inset; 　　 ...

*首先要清楚的是，box-shadow的形狀會隨着border-radius變化。下面的例子可以證明： 效果： *而實現內圓角邊框（外邊框為直角）就可利用以上特性（box-shaodw填充outline和border之間的空白），代碼如下： div1 效果 ...

CSS實現多重邊框 CSS實現內凹圓角的思路【截圖來自慕課網】： ...

簡言 目前最優雅地實現多重邊框的方案是利用CSS3 的 box-shadow屬性，但如果要兼容老的瀏覽器，則需要選擇其它的方案。本文簡要地列舉了幾種多重邊框的實現方案，大家可以根據項目實際及兼容性要求等情況，選擇最適合的實現方案。 1 利用描邊(outline)屬性 方案1利用描 ...

需要了解的幾個css屬性： 1.hsla H是色度，取值在0度~360度之間，0度是紅色，120度是綠色，240度是藍色。360度也是紅色。 S是飽和度，是色彩的純度，是一個百分比的值，取值在0%~100%，0%飽和度最低，100%飽和度最高 L是亮度，也是一個百分比值，取值在0%~100 ...

css3 如何實現圓邊框的漸變? 如圖 ...