css阴影3d效果,3D立体带阴影的CSS圆角效果

css阴影3d效果,3D立体带阴影的CSS圆角效果阴影CSS圆角*{margin:0;padding:0;}.box{width:400px;margin:20pxauto;}h1{font-size:24px;color:#fff;padding:20px;text-align:center;}b{display:block;overflow:hidden;height:2px;background:#96C2F1;border-width:…

阴影CSS圆角

*{

margin:0;

padding:0;

}

.box{

width:400px;

margin:20px auto;

}

h1{

font-size:24px;

color:#fff;

padding:20px;

text-align:center;

}

b{

display:block;

overflow:hidden;

height:2px;

background:#96C2F1;

border-width:0 2px;

border-style:solid;

}

.b1{

margin:0 5px;

background:#fff;

border:none;

}

.b2{

border-right:#eee;

}

.b3{

border-right:#ddd;

}

.b4{

border-right:#aaa;

}

.b4b{

border-left:#eee;

}

.b3b{

border-left:#ddd;

}

.b2b{

border-left:#aaa;

}

.b2,.b3,.b4{

border-left-color:#fff;

}

.b4b,.b3b,.b2b{

border-right-color:#999;

}

.b2,.b2b{

margin:0 3px;

border-width:0 2px;

}

.b3,.b3b{

margin:0 2px;

}

.b4,.b4b{

height:2px; margin:0 1px;

}

.b1b{

margin:0 5px;

background:#999;

border:none;

}

.mrc{

background:#96C2F1;

border-left:2px solid #fff;

border-right:2px solid #999;

}

带阴影3D效果的CSS圆角,还行吧?

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
如需转载请保留出处:https://bianchenghao.cn/13386.html

(0)
编程小号编程小号

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注