题解 | #圣诞树#
圣诞树
https://www.nowcoder.com/practice/4924913926d94e96a70bbf2a50847852
{"html":"<!DOCTYPE html>\r\n<html>\r\n <head>\r\n <meta charset=utf-8>\r\n <style type=\"text/css\">\r\n .topbranch {\r\n width: 0px;\r\n height: 0px;\r\n /*\r\n * TODO: 上枝叶效果\r\n */\r\nfloat:left;\r\nborder-width: 100px; \r\nborder-color: transparent transparent green transparent;\r\nborder-style: solid;\r\nmargin-left:100px;\r\n \r\n \r\n }\r\n .middleBranch {\r\n width: 0px;\r\n height: 0px;\r\n /*\r\n * TODO: 中枝叶效果\r\n */\r\n\r\nborder-width: 200px;\r\n border-color: transparent transparent green transparent;\r\nborder-style: solid;\r\n }\r\n .base {\r\n /*\r\n * TODO: 树干效果\r\n */\r\n height:200px;\r\n width:70px;\r\n background-color:gray;\r\n margin-left:165px;\r\n \r\n }\r\n </style>\r\n </head>\r\n <body>\r\n \t<section class=\"topbranch\"></section>\r\n <section class=\"middleBranch\"></section>\r\n <section class=\"base\"></section>\r\n </body>\r\n</html>","css":"/* html, body {\\n\\twidth: 100%;\\n\\theight: 100%;\\n\\tmargin: 0;\\n\\tpadding: 0;\\n} */","js":"// 请在这里输入代码"}