题解 | #圣诞树#

圣诞树

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;

到此,完成圣诞树!

如需转载,请注明出处和作者!

#解题#
全部评论

相关推荐

11-27 17:08
已编辑
牛客_产品运营部_私域运营
腾讯 普通offer 24k~26k * 15,年包在36w~39w左右。
点赞 评论 收藏
分享
10-11 17:30
湖南大学 C++
我已成为0offer的糕手:羡慕
点赞 评论 收藏
分享
微风不断:兄弟,你把四旋翼都做出来了那个挺难的吧
点赞 评论 收藏
分享
评论
1
收藏
分享
牛客网
牛客企业服务