为什么我的三角形制作没有出来呢?
为什么我的三角形制作没有出来呢?
为什么我的三角形制作没有出来呢?
2015-05-10
写before、after的时候要注意,content属性一定要有,如果没有内容也要写为空,不然是不会显示的;
写三角的时候,width和height要为0;
在写边框的时候要把背景写成transparent(透明),想要哪个方向的箭头,就让相反方向的边框加颜色;
建议在before、after要做绝对定位的时候,设置启父对象为相对定位。
/* css部分 */ a{ position: relative; } a::after{ content: ''; border: 10px solid transparent; border-left-color: #1DCEC0; position: absolute; left: 110%; }
<!-- html部分 --> <a href="#">TEST</a>
举报