HTML / CSS用箭头底部创建Div

这个问题在这里已经有了答案:

  • CSS三角形如何工作? 18个答案

  • 将绝对位置的跨度添加到该div。

    <div class="menuSelected"><span></span></div>
    
    #menuSelected {
        position: relative;
        width: 250px;
        height: 35px;
        background-color: #368EC5;
    }
    span {
        border-top: 10px solid #368EC5;
        border-right: 10px solid transparent;
        border-left: 10px solid transparent;
        position: absolute;
        bottom: -10px;
        left: 20px;
    }
    

    看到更新的小提琴。

    链接地址: http://www.djcxy.com/p/89493.html

    上一篇: HTML/CSS Create Div with Arrow Bottom

    下一篇: Drawing a triangle in CSS