利用css画有弧度的边

.radian{
    		width: 200px;
    		height: 100px;
    		border-radius: 200px/20px;/*上下有弧度的边*/
    		/*border-radius: 20px/200px;*//*左右有弧度的边*/
    		background-color: red;
    	}
border-radius是一种缩写方法。如果“/”前后的值都存在,那么“/”前面的值设置其水平半径,“/”后面值设置其垂直半径。

你可能感兴趣的:(利用css画有弧度的边)