這個(gè)三角具體是怎么通過(guò)只設(shè)置span的border實(shí)現(xiàn)出來(lái)的？
.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;
}
2015-12-21
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;
}