圣诞树作业

登录

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>圣诞树</title>
</head>
<style>
.out{width:1000px;height:1000px;background:#999;margin:0 auto}
.box1{width:0px; height:0px; border:100px solid transparent; border-bottom-color:green;
margin:-100px auto;}
.box2{width:0px; height:0px; border:200px solid transparent; border-bottom-color:green;
margin:-200px auto;}
.box3{width:0px; height:0px; border:300px solid transparent; border-bottom-color:green;
margin:-300px auto;}
.box4{width:100px; height:300px; background:green;margin:100px auto;}
</style>
<body>
<div class="out">
<div class="box1"></div>
<div class="box2"></div>
<div class="box3"></div>
<div class="box4"></div>
</div>
</body>
</html>

复制代码

潜意式 · 发表于 2018-5-10 20:12:36

完成不错哦，知识点掌握没有问题，继续加油~

[作业] 圣诞树作业

	B Color Image Link Quote Code Smilies 高级模式您需要登录后才可以回帖登录 \| 立即注册本版积分规则回帖后跳转到最后一页