标签：19 小米 三角 0px border 商城

小米商城

实现目标

实现代码

 

效果展示

 

遇到的问题

问题一

如下图所示的白色三角如何实现？

问题分析：

这个白色的三角可以利用伪元素：：after或：：before加在下载app的下面，或者加在二维码块的上面，

再利用position定位移动到合适位置。

那如何问题来了，白色三角该如何做出来呢？

问题解决：

方法一：利用盒子和边框的组合，去掉顶部边框，左右设为透明。

.box1 {             width:0px;             height:0px;             border:10pxsolid;             border-color:redorangebluegreen;             /* border-top: none; */         }

标签：19,小米,三角,0px,border,商城
From： https://www.cnblogs.com/SZX03/p/16720654.html