您好,欢迎来到三六零分类信息网!老站,搜索引擎当天收录,欢迎发信息

用css属性画出一棵圣诞树的方法

2024/2/25 1:10:55发布18次查看
对于学习前端的童鞋,css的掌握是必须的。今天就来实现用css画出一棵圣诞树。
主要练习的是css里面border的练习与掌握程度。
在body创建一个主区域<p></p>:我们用border搭建的三角形在主区域内。
改主区域的背景色:可以给设定一个高度
创建第一个三角形:
这里的每个区域代表一个矩形,然后通过修改矩形得到三角形
修改css属性得到三角形:
这里的width和height其实就是内侧border的长度,然后分别设置border上下左右的属性,用transparent隐藏不需要展示的border。
然后用p区域做树干:
最终效果:
以上就是用css属性画出一棵圣诞树的方法的详细内容。
该用户其它信息

VIP推荐

免费发布信息,免费发布B2B信息网站平台 - 三六零分类信息网 沪ICP备09012988号-2
企业名录 Product