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

来源:1-6 导航三角制作

何烨坪

2015-05-10 23:56

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

写回答 关注

1回答

  • J小灰辉
    2016-02-02 14:30:36

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


css3实现网页平滑过渡效果

CSS3 打造页面之间的平滑过渡效果,带来神奇的体验

54371 学习 · 372 问题

查看课程

相似问题