如何在CSS中获得这样的角度,这不是圆的?

时间:2011-07-11 15:09:49

标签: css css3

如何在CSS中获得这样的角度,它不是圆的?

我试过左侧(示例),但它没有给出相同的效果

border-bottom-left-radius: 12px;
    border-top-left-radius: 3px;

enter image description here

3 个答案:

答案 0 :(得分:5)

这是一个完美的问题页面 - 它详细解释了(还有照片)如何使用不同的CSS获得不同的曲线,包括一个像你的问题的照片:

http://www.css3.info/preview/rounded-border/

看起来最像你的(imo)的是:

#Example_C {
    height: 65px;
    width:160px;
    -moz-border-radius-bottomright: 25px 50px;
    border-bottom-right-radius: 25px 50px;
}

答案 1 :(得分:2)

像这样的东西

border-bottom-left-radius:20px 60px;

答案 2 :(得分:0)

查看http://www.css3.info/preview/rounded-border/ 我认为这将是

border-bottom-left-radius : 50px 100px;

border-bottom-right-radius : 50px 100px;