.dropdown-menu:before { position: absolute; top: -7px; left: 9px; display: inline-block; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-left: 7px solid transparent; border-bottom-color: rgba(0, 0, 0, 0.2); content: ''; } .dropdown-menu:after { position: absolute; top: -6px; left: 10px; display: inline-block; border-right: 6px solid transparent; border-bottom: 6px solid #ffffff; border-left: 6px solid transparent; content: ''; }效果
星期日, 4月 12, 2015
[Bootstrap 3] 替下拉式選單加上三角形的對話框圖
如果想讓bootstrap的下拉選單多了一個三角形的圖案的視覺效果,
可以加入二個虛擬元素 before與after,如下所示:
訂閱:
張貼留言 (Atom)
沒有留言:
張貼留言
留個話吧:)