为每一个角设定不同的值CSS代码

13501849337 发表于:2018-08-01 16:49 阅读: 130次

常规的CSS3的圆角属性大多数开发人员都知道,但是每一个角不同的圆滑度怎么设置?下面来看看代码,记录下来以后好用:


    #container {  
        -webkit-border-radius: 4px 3px 6px 10px;  
        -moz-border-radius: 4px 3px 6px 10px;  
        -o-border-radius: 4px 3px 6px 10px;  
        border-radius: 4px 3px 6px 10px;  
    }  

    /* alternative syntax broken into each line */  
    #container {  
        -webkit-border-top-left-radius: 4px;  
        -webkit-border-top-rightright-radius: 3px;  
        -webkit-border-bottom-rightright-radius: 6px;  
        -webkit-border-bottom-left-radius: 10px;  

        -moz-border-radius-topleft: 4px;  
        -moz-border-radius-topright: 3px;  
        -moz-border-radius-bottomright: 6px;  
        -moz-border-radius-bottomleft: 10px;  
    }
酷码派 [KuMaPai.COM] - 陕ICP备案证 18010024号-2