华为武汉光产品线

如何实现一个三角形？原理：border在前端 CSS 里，要把方块转变为三角形，主要借助边框属性来实现。下面为你介绍具体的实现方法： .triangle { width: 0; height: 0; border-left: 50px solid transparent; border-right: 50px solid transparent; border-bottom: 100px solid #3498db; } 实现方法原理：元素的border是由三角形组合而成宽高设为 0：把元素的宽度和高度都设成 0，这样元素本身就不会占据空间。利用边框：通过设置不同方向的边框，让它们相互叠加，从...