圆角:
设置某一个角的圆角,比如设置左上角的圆角:border-top-left-radius:30px 60px;
同时分别设置四个角: border-radius:30px 60px 120px 150px;
设置四个圆角相同:border-radius:50%;
阴影:
分别设置阴影:水平偏移 垂直偏移 羽化大小 扩展大小 颜色 是否内阴影
box-shadow: h-shadow v-shadow blur spread color inset;
eg:
box-shadow:10px 10px 5px 0px pink inset;
/*是否内阴影的inset不写表示外部阴影*/
box-shadow:10px 10px 5px 0px pink;
rbga:
盒子透明度:opacity:0.2;/*表示透明比例。也可以写成20%。不兼容IE浏览器*/
解决兼容问题:在opacity:0.2;后面加上一句filter:alpha(opacity=20)
注意:会导致盒子里面的文字也变透明
eg:
opacity:0.2;
filter:alpha(opacity=20);
rgba(red,green,blue,透明度)
注意:不会导致盒子里的文字变透明
eg:
rgba(255,255,255,0.1)