html - 如何使用css制作气球教科书的说话风格

Question

我不知道如何准确调用它，这些是我正在处理的示例。是否可以在正方形和三 Angular 形部分使用 html 和 css 来实现所有这些或者最好只使用图像

Answer 1

Yes it possible to make it using pure css but 

对于不同的浏览器显示不同的结果。我最好建议你使用 css 和图像。

<div class="firstDiv">
    <div class="secondDiv"></div>
    <div class="arrowDiv"></div>
</div>

apply following css

.firstDiv { float:left; height:25px; width:200px;}
.secondDiv{ float:left; height:25px; width:170px; background:#666; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:25px; color:#FFF;}
.arrowDiv { float:left; height:25px; width:25px; background:url(images/arrow.png) left no-repeat;}