700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > css阴影3d效果 3D立体带阴影的CSS圆角效果

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

时间:2022-02-08 10:44:45

相关推荐

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

阴影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圆角,还行吧?

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。