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 */

猜你喜欢

转载自blog.csdn.net/qq_41648452/article/details/80339737