题解 | #圣诞树#
圣诞树
https://www.nowcoder.com/practice/4924913926d94e96a70bbf2a50847852
一、上枝叶
根据题目,题目中说上枝叶通过边框属性,就可以想到使用border,而且还说了边框属性的值:宽度为100px,直线,green的颜色。
border:100px solid green;
题目指出左浮动和左外边距,可以想到:
因为上面题说到边框的属性宽度为100px,所以外边距的值也为100px
float: left; margin-left:100px;
二、中枝叶
题目中提到,这个枝叶只需要边框属性即可实现,根据已经给出的值(宽度为200px、是直线、颜色为green),代码如下:
border: 200px solid green;
三、树干
题中说到,树干是使用左外边距居中与中枝叶,则可以写成:
margin-left:165px;
树干参数(宽度70px、高度200px,颜色为gray)
width:70px; height:200px; background-color: gray;
每一个使用边框属性实现的,都有提到,未显示的边框颜色都为透明,则可以使用以下方法
border-color: transparent transparent green transparent;
到此,完成圣诞树!
#解题#如需转载,请注明出处和作者!