题解 | #圣诞树#

圣诞树

https://www.nowcoder.com/practice/4924913926d94e96a70bbf2a50847852

代码如下:
  1.先把三角形弄出来      只需要将除底边框的颜色都设置透明色
  2.通过浮动让小三角形脱离文档流 接着再用左外边距调居中即可
<!DOCTYPE html>
<html>
    <head>
        <meta charset=utf-8>
        <style type="text/css">
            .topbranch {
                width: 0px;
                height: 0px;
                /*
                * TODO: 上枝叶效果
                */
                    border-width:100px;
                border-style:solid;
                border-color:transparent transparent green transparent;
                float:left;
                margin-left:100px;
                
            }
            .middleBranch {
                width: 0px;
                height: 0px;
                /*
                * TODO: 中枝叶效果
                */
                 border-width:200px;
                border-style:solid;
                border-color:transparent transparent green transparent;
               
            }
            .base {
                /*
                * TODO: 树干效果
                */
                width:70px;
                height:200px;
                background-color:gray;
                margin-left:165px;
               
            }
        </style>
    </head>
    <body>
        <section class="topbranch"></section>
        <section class="middleBranch"></section>
        <section class="base"></section>
    </body>
</html>
#社畜简单的快乐#
全部评论

相关推荐

能干的三文鱼刷了10...:公司可能有弄嵌入式需要会画pcb的需求,而且pcb能快速直观看出一个人某方面的实力。看看是否有面试资格。问你问题也能ai出来,pcb这东西能作假概率不高
点赞 评论 收藏
分享
码农索隆:有点耳熟,你们是我教过最差的一届
点赞 评论 收藏
分享
评论
3
收藏
分享

创作者周榜

更多
牛客网
牛客网在线编程
牛客网题解
牛客企业服务