在HTML中,如何用CSS画一棵圣诞树?请高手指教

 我来答
百度网友dc77ec2
推荐于2018-05-07 · 超过36用户采纳过TA的回答
知道答主
回答量:80
采纳率:0%
帮助的人:67.5万
展开全部

圣诞树啊,应该是考虑怎样画三角形吧,用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 广告
作为深圳市博思云创科技有限公司的工作人员,对于Word文档生成PPT的操作,我们有以下建议:1. 使用另存为功能:在Word中编辑完文档后,点击文件->另存为,选择PowerPoint演示文稿(*.pptx)格式,即可将文档内容转换为PPT... 点击进入详情页
本回答由博思aippt提供
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式