一、纯css裁切
<html>
<head>
<style type="text/css">
#ball1{
width:100px;
height:100px;
background-color:red;
border-radius:50%;
position:absolute;
clip:rect(0px,50px,50px,0px);
}
#ball2{
width:100px;
height:100px;
background-color:yellow;
border-radius:50%;
position:absolute;
clip:rect(0px,100px,50px,50px);
}
#ball3{
width:100px;
height:100px;
background-color:blue;
border-radius:50%;
position:absolute;
clip:rect(50px,100px,100px,50px);
}
#ball4{
width:100px;
height:100px;
background-color:green;
border-radius:50%;
position:absolute;
clip:rect(50px,50px,100px,0px);
}
</style>
</head>
<body>
<div id="ball1"></div>
<div id="ball2"></div>
<div id="ball3"></div>
<div id="ball4"></div>
</body>
</html>
1853
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
