盒子模型——圆角边框border-radius制作图形

border-radius:左上、右上、右下、左下
.d1{
width:200px;
height:200px;
border:1px solid green;
margin:249px auto;
border-radius:100px;
background-color:yellow;
}
.d2{
width:200px;
height:100px;
border:1px solid blue;
margin:249px auto;
border-radius:100px 100px 0px 0px;
}

.d3{
width:100px;
height:200px;
border:1px solid purple;
margin:249px auto;
border-radius:0px 100px 100px 0px;
}

.d4{
width:100px;
height:200px;
border:1px solid purple;
margin:249px auto;
border-radius:100px 0px 0px 100px;
}

.d5{
width:100px;
height:100px;
border:1px solid blue;
margin:249px auto;
border-radius:100px 0px 0px 0px;
}

.d6{
width:200px;
height:100px;
border:1px solid green;
margin:249px auto;
border-radius:0px 0px 100px 100px;
}

.d7{
width:200px;
height:100px;
border:1px solid red;
margin:249px auto;
border-radius:50px 50px 50px 50px;
}

.d8{
width:100px;
height:200px;
border:1px solid red;
margin:249px auto;
border-radius:50px 50px 50px 50px;
}