css 边框添加三角形指向,简单粗暴,易学易懂

2021-08-04 14:56

阅读:690

标签:before   border   16px   height   spl   class   div   构建   定位   构建一个 div , class 随便命名   css 部分 class 名字 { position: relative; // 相对定位是重点 } class名字:before,class名字:after{ position: absolute;       content: " ";       top: 10px;       left: -16px;       display: block;       width: 0;       height: 0;       border: 8px solid rgba(255, 87, 51, 0.1);       border-color: transparent rgba(255, 87, 51, 0.1) transparent transparent;       z-index: 111; } class名字:after{       left: -17px;       border-color: transparent rgba(255, 87, 51, 0.1) transparent transparent;       z-index: 11;     }  css 边框添加三角形指向,简单粗暴,易学易懂标签:before   border   16px   height   spl   class   div   构建   定位   原文地址:https://www.cnblogs.com/majiayin/p/14892284.html


评论


亲,登录后才可以留言!