您的位置: 首页  >  文章  >  CSS之三角形（样式数据纯为演示清晰，不要较真）

CSS之三角形（样式数据纯为演示清晰，不要较真）

分类: 文章 • 2024-10-11 18:45:58

CSS三角形

CSS之三角形（样式数据纯为演示清晰，不要较真）
CSS之三角形（样式数据纯为演示清晰，不要较真）
值得注意的是-你想要的哪个底边的三角形，就让那个底边带颜色，其余的transparent就好。
如下：
CSS之三角形（样式数据纯为演示清晰，不要较真）
CSS之三角形（样式数据纯为演示清晰，不要较真）
需要注意的是：

  1. 高度和宽度都为零
  2. 我们要添加font-size:0;和line-height：0；考虑浏览器兼容性问题。
    下面的三角形我们在网站中经常遇到，如下：
    CSS之三角形（样式数据纯为演示清晰，不要较真）
    CSS之三角形（样式数据纯为演示清晰，不要较真）

相关推荐