为什么我的三角形制作没有出来呢?
为什么我的三角形制作没有出来呢?
为什么我的三角形制作没有出来呢?
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>
举报