一 box-shadow
用处
:设置矩形的阴影
语法:
box-shadow:阴影水平偏移值(可取正负值); 阴影垂直偏移值(可取正负值);阴影模糊值;阴影颜色;
js中可以使用:obj.style.webkitBoxShadow=值(字符串);obj.style.MozBoxShadow=值(字符串);obj.style.boxShadow=值(字符串);
二 border-radius
用处:添加圆角
语法:
border-radius:25px;
border-top-left:25px;
border-top-right:25px;
border-bottom-left:25px;
border-bottom-right:25px;
兼容性:
注意:上诉的-webkit-是兼容webkit内核的写法,-moz-内核的写法有所不同,如:-moz-border-radius-topleft:apx
例子: