在HTML中,如何用CSS画一棵圣诞树?请高手指教
1个回答
展开全部
圣诞树啊,应该是考虑怎样画三角形吧,用border就可以了哈。
<!DOCTYPE html>
<html>
<head>
<title></title>
<style type="text/css">
.ss{
height: 0;
width: 0;
position: absolute;
border: 20px solid tan;
border-color: transparent transparent #1fd224 transparent;
}
.s1{
border-width:80px ;
top: 100px;
left: 400px;
}
.s2{
border-width:100px ;
top: 115px;
left: 382px;
}
.s3{
border-width:120px ;
top: 126px;
left: 362px;
}
.s4{
border-width:140px ;
top: 140px;
left: 342px;
}
.dd{
height: 130px;
width: 40px;
position: absolute;
top: 420px;
left: 460px;
background-color: #1fd224;
}
</style>
</head>
<body>
<div class="s1 ss"></div>
<div class="s2 ss"></div>
<div class="s3 ss"></div>
<div class="s4 ss"></div>
<div class="dd">
</div>
</body>
</html>
看着有点丑,楼主可以改变宽度高度以及颜色哈。最后希望采纳哈
博思aippt
2024-07-20 广告
2024-07-20 广告
作为深圳市博思云创科技有限公司的工作人员,对于Word文档生成PPT的操作,我们有以下建议:1. 使用另存为功能:在Word中编辑完文档后,点击文件->另存为,选择PowerPoint演示文稿(*.pptx)格式,即可将文档内容转换为PPT...
点击进入详情页
本回答由博思aippt提供
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询