lisp 发凹圆角_CSS-论css如何纯代码实现内凹圆角

进行中。。。今天没时间了，明天继续研究。挂上来，怕自己忘了这个问题。

内凹圆角

.radius {

width: 100px;

height: 50px;

line-height: 50px;

display: block;

/*background-color: #f90;*/

border: 1px solid #4169E1;

/*color: white;*/

text-align: center;

border-top-left-radius: 25px;

border-top-right-radius: 25px;

/*border-radius的兼容就不写了*/

background: -moz-radial-gradient();

background: -webkit-radial-gradient();

background: radial-gradient(at 50px 25px, red, red, blue, blue);

}

.egg {

display: block;

margin-top: 30px;

width: 100px;

height: 100px;

border-radius: 50px;

background: radial-gradient(at 35px 35px, #FFF, #CCC, #FFF);

background: -webkit-radial-gradient(35px 35px, #FFF, #CCC, #FFF);

}

.something-meaningful {

background: #655;

padding: .8em;

}

.something-meaningful> div {

background: tan;

border-radius: .8em;

padding: 1em;

}

内凹

出处

出处

radial-gradient CSS3的蛋疼的径向渐变

原文：http://www.cnblogs.com/padding1015/p/5879776.html