圣诞树

来源：互联网发布：好用的粉底液推荐知乎编辑：程序博客网时间：2024/05/16 18:55

圣诞树，哈哈

代码如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN">
<head>
<title>圣诞树</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content="布尔教育 http://www.itbool.com" />
<style>
#trip1{
width:0px;
height: 0px;
border-top:50px solid transparent;
border-right:50px solid transparent;
border-bottom:50px solid green;
border-left:50px solid transparent;
margin-left: 30px;
float: left;

}
#trip2{
width:0px;
height: 0px;
border-top:0px solid transparent;
border-right:80px solid transparent;
border-bottom:80px solid green;
border-left:80px solid transparent;
margin-left: 0px;
clear: left;

}
#trip3{

clear:left;
width:20px;
height:100px;
background: SaddleBrown;
margin-left: 70px;
}

</style>
</head>
<body>
<div id="trip1"></div>
<div id="trip2"></div>
<div id="trip3"></div>
</body>
</html>

阅读全文

1 0