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

Question

我不知道如何准确地称呼它，这些是我正在研究的例子。是否可以在正方形和三角形部分使用 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;}