使用CSS创建的CSS语音气泡的线宽问题

时间:2011-07-22 20:23:09

标签: html css

使用这个位于here的样本我把它们放在一起:

代码位于jsFiddle.net。如果在运行示例时一切正常,您应该会看到一个带有问号的按钮,然后单击该按钮并弹出气泡。

我现在似乎无法弄清楚的两件事是在三角形上获得1px边框,并在左边缘上垂直居中三角形。

1 个答案:

答案 0 :(得分:1)

对于三角形的线条粗细,更改内三角形的topleftborder-width值,使其比较大的三角形小1px。

.triangle-border.left:after {
    top: 11px;
    left: -29px;
    border-width: 14px 29px 14px 0;
}