题解 | #圣诞树#
圣诞树
https://www.nowcoder.com/practice/4924913926d94e96a70bbf2a50847852
{"css":"","js":"","html":"<!DOCTYPE html>\n<html>\n <head>\n <meta charset=utf-8>\n <style type=\"text/css\">\n .topbranch {\n width: 0px;\n height: 0px;\n /*\n * TODO: 上枝叶效果\n */\n border-style:solid;\n border-width:100px;\n border-color:green;\n border-left-color:transparent;\n border-right-color:transparent;\n border-top-color:transparent;\n float:left;\n margin-left:100px;\n }\n .middleBranch {\n width: 0px;\n height: 0px;\n /*\n * TODO: 中枝叶效果\n */\n border-style:solid;\n border-width:200px;\n border-color:green;\n border-left-color:transparent;\n border-right-color:transparent;\n border-top-color:transparent;\n }\n .base {\n /*\n * TODO: 树干效果\n */\n height: 200px;\n width: 70px;\n background: gray;\n margin-left:165px;\n }\n </style>\n </head>\n <body>\n \t<section class=\"topbranch\"></section>\n <section class=\"middleBranch\"></section>\n <section class=\"base\"></section>\n </body>\n</html>","libs":[]}
利用Border的三角形实现树形的三角形，其余则设置为透明即可
查看20道真题和解析