
方法一:利用裁剪(该方法ie下不支持)
利用裁剪 clip-path: polygon(),直接画出一个三角 唯一一点需要算出大致百分比就可以画出来
(相关教程推荐:CSS入门教程)
方法二:利用错位
方法三:border造三角
立即学习“前端免费学习笔记(深入)”;
利用 border 生成前后三角
缺点是索引需要自己定义,不加标签情况下无法使用css计数器
更多编程相关教程,请关注php中文网编程入门栏目!










