CSS:
.container {
margin-left: 15px;
width: 10px;
background: #FFFFFF;
border: 1px solid #CAD5E0;
padding: 4px;
position: relative;
min-height: 10px;
font-size:8px;
}
.container:before {
content: '';
display: block;
position: absolute;
top: 1px;
left: 100%;
width: 0;
height: 0;
border-color: transparent transparent transparent #CAD5E0;
border-style: solid;
border-width: 6px;
}
HTML:
<a class="container">1</a>
有人可以向我解释如何修改此css,以便将指针(三角形)放在框的左侧。
我有这个小提琴:http://jsfiddle.net/DTZwA/
答案 0 :(得分:5)
只需更新这两行:
.container:before {
right: 100%;
border-color: transparent #CAD5E0 transparent transparent;
/* All other properties are identical */
}
答案 1 :(得分:0)
我制作了一个可以为你制作气泡的插件:)
当你制作箭头时,你必须在对立面思考。
将颜色值添加到您想要的颜色值的OPPOSITE一侧。
想要离开吗?把颜色放在右边。