HTML/CSS Create Div with Arrow Bottom

This question already has an answer here:

How do CSS triangles work? 18 answers

---

Add a span with the absolute position to that 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;
}

See updated fiddle.

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

上一篇: 在工具提示中显示的div顶部添加一个三角形？

下一篇: HTML / CSS用箭头底部创建Div