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

结果看到了一个小三角。

使用CSS3生成三角形

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

使用CSS3生成三角形 

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

效果:

使用CSS3生成三角形 

代码如下:

使用CSS3生成三角形

 

相关文章:

  • 2021-07-12
  • 2021-08-10
  • 2021-11-20
  • 2021-06-04
  • 2021-04-24
  • 2021-12-09
  • 2021-06-22
  • 2021-08-02
猜你喜欢
  • 2021-11-29
  • 2022-01-09
  • 2022-01-02
  • 2021-11-20
  • 2021-12-18
  • 2021-09-11
  • 2021-06-10
相关资源
相似解决方案