题解 | #圣诞树#
圣诞树
http://www.nowcoder.com/practice/4924913926d94e96a70bbf2a50847852
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8>
<style type=\"text/css\">
.topbranch
{
width: 0px;
height: 0px;
/*
TODO: 上枝叶效果
*/
float:left;
border-bottom:100px solid green;
border-top:100px solid transparent;
border-left:100px solid transparent;
border-right:100px solid transparent;
margin-left:100px;
}
.middleBranch
{
width: 0px;
height: 0px;
/*
* TODO: 中枝叶效果
*/
border-bottom:200px solid green;
border-top:200px solid transparent;
border-left:200px solid transparent;
border-right:200px solid transparent;
}
.base
{
/*
* TODO: 树干效果
*/
float:left;
width:70px;
height:200px;
background-color:gray;
margin-left:165px;
}
</style>
</head>
<body>
<section class="topbranch"></section>
<section class="middleBranch"></section>
<section class="base"></section>
</body>
</html>
