三角形是怎么实现的呢？为什么写了左右边框和上下边框就可以画出一个三角形呢？

三角形是怎么实现的呢？为什么写了左右边框和上下边框就可以画出一个三角形呢？

今日视线 2019-07-09

源自：CSS3转换 2-8 编程练习

4

收起

2回答

好帮手慕码回答被采纳获得+3积分 2019-07-09 18:18:43

同学你好！

三角形：可以使用边框。当给一个盒子边框设置成不同的颜色时 ,如下:

会发现 ,边框的表现形式是4个三角，即：

例如你想要留下右边的三角 ,就可以把其他三个设置成透明色 ,如下:

这样就实现三角形，即:

如果帮助到了你欢迎采纳祝学习愉快

今日视线提问者 #1

这个也是拔河效应吗？每个边将方块分成四个部分？

2019-07-09 22:16:27
好帮手慕码回复提问者今日视线 #2

这个不是拔河效应，就是通过边框宽度结合颜色透明实现的。同学记住这么用就可以了如果帮助到了你欢迎采纳祝学习愉快~

2019-07-10 09:27:29

_萌宝_ 2019-07-09 17:44:24

一个方块，width和height都是0,有三个方向的border，宽度为10px,左右border的颜色是transparent(透明),下方向的border是这个三角形的颜色，这样就得到了一个高为10px的三角形，

相似问题

为什么这段代码是一个三角形？如何理解哦

作业中的三角形怎么做

border画三角形原理？为什么就设置一边的颜色整个三角型都是那一个边的颜色

作业中div上的三角怎么实现的？

transparent这个透明又意味着什么呢

登录后可查看更多问答，登录/注册

1.前端零基础入门

参与学习人
提交作业 8403 份
解答问题 40143 个

本阶段为你揭开日常所见网页的神秘面纱，炫酷的动效并不难得，带你从基础知识到静态网页布局，再到用JS实现动态网页开发，轻松迈入前端开发的大门。

本课精华内容

问答作业

关于浏览器兼容性代码疑问

16 1

请老师检查

65 3

没有明白，为什么height是90，padding-top为60。它就居中了？

26 3

关于三种常用的清除浮动方法的优劣对比，请老师简单讲一讲

18 1

进击的小白们加油。分享一下我做最后这个项目作业的感受

188 1

查看更多本课问答

请稍等 ...

意见反馈帮助中心 APP下载