Css3新特性應(yīng)用之形狀

一、自適應(yīng)橢圓

* border-radius特性：
    * 可以單獨(dú)指定水平和垂直半徑，并且值可以是百分比，用/（斜杠）分隔這兩個(gè)值即可（可以實(shí)現(xiàn)自適應(yīng)寬度橢圓）。
    * 還可以單獨(dú)指定四個(gè)角度不同的水平和垂直半徑（可以實(shí)現(xiàn)半橢圓）
    * 四分之一橢圓，主要是調(diào)整水平和垂直的半徑
* 示例代碼：

.wrap{
            border-radius: 50% / 30%;
            width: 60px;
            height: 80px;
            background: yellow;
        }
        .wrap02{
            width: 60px;
            height: 80px;
            background: yellow;
            border-radius: 50% / 100% 100% 0 0;
        }
        .wrap03{
            width: 60px;
            height: 80px;
            background: yellow;
            border-radius: 100% 0 0 0;
   
        
		

        		
網(wǎng)友評(píng)論
     		
				

			
			
			
		
		
		
    	
    	
        	

        		
更多精彩分享
        		

        			
        		
        			
	        		
	        		學(xué)習(xí)是年輕人改變自己的最好方式