这个三角具体是怎么通过只设置span的border实现出来的？
来源：5-13 按钮的向下向上三角形
proudrain
2014-12-13 23:57
.caret {
display: inline-block;
width: 0;
height: 0;
margin-left: 2px;
vertical-align: middle;
border-top: 4px solid;
border-right: 4px solid transparent;
border-left: 4px solid transparent;
}
.btn .caret {
margin-left: 0;
}
.btn-lg .caret {
border-width: 5px 5px 0;
border-bottom-width: 0;
}
.dropup .btn-lg .caret {
border-width: 0 5px 5px;
}
写回答
关注
1回答
-
- iltie165
- 2015-12-21 14:03:42
span{
position: relative;
top: 8px;
left: 50%;
width: 0px;
height:0px;
border-width:0 10px 10px 10px;
border-style: solid;
border-color: transparent transparent rgba(127,255,212,1) transparent;
}
玩转Bootstrap（基础）
告诉你使用Bootstrap，并且能够独立定制出适合自己的Bootstrap
314546 学习 · 2275 问题
相似问题