如何用css画圣诞树

html-css012

如何用css画圣诞树,第1张

代码如下:

<style>

*{ padding: 0margin: 0}

.tree{ position: relative}

.tree div{ position: absolutewidth: 0height: 0}

.tree .wood{ width: 20pxheight: 50pxbackground-color:greyleft: 50%margin-left: -10pxtop: 170px}

.a1{ border-right: 40px solid greenborder-top: 40px solid #fffleft: 50%margin-left: -40pxtop: 0}

.a2{ border-left: 40px solid greenborder-top: 40px solid #fffleft: 50%top: 0}

.b1{ border-right: 70px solid greenborder-top: 70px solid #fffleft: 50%margin-left: -70pxtop: 20px}

.b2{ border-left: 70px solid greenborder-top: 70px solid #fffleft: 50%top: 20px}

.c1{ border-right: 100px solid greenborder-top: 100px solid #fffleft: 50%margin-left: -100pxtop: 70px}

.c2{ border-left: 100px solid greenborder-top: 100px solid #fffleft: 50%top: 70px}

</style>

<div class="tree">

<div class="wood"></div>

<div class=c1></div><div class=c2></div>

<div class=b1></div><div class=b2></div>

<div class="a1"></div><div class="a2"></div>

</div>

圣诞树啊,应该是考虑怎样画三角形吧,用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>

看着有点丑,楼主可以改变宽度高度以及颜色哈。最后希望采纳哈

网上流行的圣诞树画法如下:

1、想要画圣诞树的话,抖音是画不了的,只有依靠我们的手机修图软件,下面就让小编用醒图给小伙伴们演示一下;

2、首先我们需要打开手机中的【醒图】软件,然后进入到软件首页界面中,点击中间的【导入】进入到导入图片界面中;

3、在导入界面中,我们点击添加图片左边的【添加画布】,在添加画布下方选择【9:16】的画布尺寸,可以在下方选择一个颜色的底图进入到绘画界面;

4、然后在编辑界面中,我们需要点击下方的【涂鸦笔】进入到涂鸦笔功能中;

5、在涂鸦笔中,我们选择第二个画笔,更加合适圣诞树,剩下的就是用户自己选择合适的颜色去画出来圣诞树的形状,如果想要更加精致一点,可以点击下方的【素材笔】;

6、在素材笔界面中,我们可以对圣诞树增加各种其他的贴纸效果,显得更加好看。

圣诞树,是指用灯烛和装饰品把枞树或洋松装点起来的常青树。作为是圣诞节重要的组成元素之一,近代圣诞树起源于德国,后来逐步在世界范围内流行起来,成为圣诞节庆祝中最有名的传统之一。

据说圣诞树最早出现在古罗马12月中旬的所谓农神节。现在通常人们在圣诞前后把一棵常绿植物如松树弄进屋里或者在户外,并用圣诞灯和彩色的装饰物装饰。并把一个天使或星星放在树的顶上。