box-shadow 模拟border

border会占据空间;如果想加边框效果，但是又不占用空间，可以使用box-shadow来模拟

 

demo

div 100*100 border：10px solid red; 

可以写：

div 100*100 box-shadow：0 0 10px solid red;

加圆角

box-radius：10px;

也可以使用outline 

outline: 2px solid #26C2A7;
加圆角：outline-radius:10px; PS:outline-radius只有火狐支持，目前的使用需要加-moz-前缀，别的浏览器不支持 呵呵呵

转载于:https://www.cnblogs.com/xiaofenguo/p/6281822.html