为了账号安全,请及时绑定邮箱和手机立即绑定

为什么我的三角形制作没有出来呢?

为什么我的三角形制作没有出来呢?

正在回答

1 回答

写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>


1 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

为什么我的三角形制作没有出来呢?

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信