对于语音泡沫部分，我建议这个教程。 http://nicolasgallagher.com/pure-css-speech-bubbles/ 我经常使用它的想法和学习如何做到自己。我给你一个教程，因为我想让你学习如何做到。如果你给了我需要一些帮助的代码，我会给你一个如何解决它的答案。你还有这样的代码吗？

For the speech bubble part I suggest this tutorial. http://nicolasgallagher.com/pure-css-speech-bubbles/ I use it often for ideas and learning how to do it myself. I give you a tutorial because I want you to learn how to do it. If you gave me code that needed some help, then I'd give you an answer on how to fix it. Do you have any code for this yet?

对于裁剪，我认为一个快速的方法是做一个方形包装div围绕你的图像，然后给它border-radius（css）是一边的长度的一半。将溢出设置为隐藏，即可设置。

Also for the cropping, I think a quick way to do this is make a square wrapper div around your image then give it a border-radius (css) that is half of the length of one of the sides. Set the overflow to hidden and you're set.

干杯！