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

2020-05-13 教育 108阅读

圣诞树啊,应该是考虑怎样画三角形吧,用border就可以了哈。

html>


    
    
        .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;
        }
    









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

声明:你问我答网所有作品(图文、音视频)均由用户自行上传分享,仅供网友学习交流。若您的权利被侵害,请联系fangmu6661024@163.com