clip 学习

clip:css2的一个属性，用来裁剪绝定位的元素，用法为clip:rect(0px,100px,200px,0px);第一个参数为上边距离top的距离，第二个参数为右边距离left的距离，第三个参数为下边距离top的距离，第四个参数为左边距离left的距离

利用这个属性可以实现以下例子：

1.实现半圆

      .pie{
width:200px;
height:200px;
border-radius:50%;
position:absolute;
        background:dodgerblue;
clip:rect(0,200px,200px,100px);
}

效果图：



2.四分之一圆

将clip里面的参数改为clip:rect(0,100px,100px,0);