css 边框阴影 背景透明 padding，border不占总宽

边框阴影

box-shadow:0px 0px 10px 5px #aaa inset;

box-shadow: -2px 0 0 green, //左边阴影
   0 -2px 0 blue, //顶部阴影
   0 2px 0 red, //底部阴影
   0 0 0 yellow; //右边阴影

背景透明

1.rbga 

RGB颜色值转换工具：  http://www.sioe.cn/yingyong/yanse-rgb-16/

 background:rgba(0,0,0,.5);//存在兼容性问题,针对IE9以下浏览器不兼容

2.opacity

background:skyblue;
opacity:0.6;
//背景和文字全部透明

padding，border不占总宽

box-sizing:border-box;  
-moz-box-sizing:border-box; /* Firefox */  
-webkit-box-sizing:border-box; /* Safari */