练习CSS布局去尝试模仿小米官网写了一下。

结果看到了一个小三角。

使用CSS3生成三角形

想了半天没搞明白,当快要放弃的时候,发现把边框放大以后,连接处是一个三角形

使用CSS3生成三角形 

那么,我们想要上三角形的话。。。隐藏上边框,再把不需要的边框设置为透明色即可

效果:

使用CSS3生成三角形 

代码如下:

使用CSS3生成三角形

 

相关文章: