css圆角设和内阴影兼容

boy 火巨

圆角设和内阴影兼容

.boder-radius{

 -webkit-border-radius:6px;//适配以webkit为核心的浏览器(chrome、safari等)
-moz-border-radius:6px;//适配firefox浏览器
-ms-border-radius:6px;//适配IE浏览器
-o-border-radius:6px;//适配opera浏览器
border-radius:6px;//适配所有浏览器(需要放在最后面,类似于if..else if..else..)

}


内阴影:

.shadow{

-moz-box-shadow:3px 3px 3px #e2e2e2 inset;               /* For Firefox3.6+ */
-webkit-box-shadow:3px 3px 3px #e2e2e2 inset;            /* For Chrome5+, Safari5+ */
box-shadow:3px 3px 3px #e2e2e2 inset;                    /* For Latest Opera */}

}


阅读更多
文章标签: css
个人分类: css
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

不良信息举报

css圆角设和内阴影兼容

最多只允许输入30个字

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭