盒模型：
Snip20161220_7.png
看效果：
Snip20161220_5.png
HTML代码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
.div-border{
margin: 0px 0px 0px 80px;
padding: 0px;
width: 0px;
height: 0px;
border: 100px solid transparent;
border-bottom-color: green;
border-top: 0px;
}
.div-border2{
margin: 0px 0px 0px 40px;
padding: 0px;
width: 0px;
height: 0px;
border: 140px solid transparent;
border-bottom-color: green;
border-top: 0px;
}
.div-border3{
margin: 0px 0px 0px 0px;
padding: 0px;
width: 0px;
height: 0px;
border: 180px solid transparent;
border-bottom-color: green;
border-top: 0px;
}
.div-border4{
margin: 0px 0px 0px 160px;
padding: 0px;
width: 40px;
height: 140px;
background-color: black;
}
</style>
</head>
<body>
<div class="div-border">
</div>
<div class="div-border2">
</div>
<div class="div-border3">
</div>
<div class="div-border4">
</div>
</body>
</html>
