记得以前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 如何实现圆边框的渐变? 如图 ...