Html 如何像facebook like按钮右侧的一样绘制“喜欢的泡泡”呢

对于下面的类似facebook的按钮，在按钮右侧有一个#of likes bubble（？）

问题是——它是用css绘制的吗？如何创建它？

小提琴链接：

是的，这个气泡可以通过CSS以各种方式绘制。其中一种方法写在下面

HTML:

<div class="like">Like</div>
<div class="counter">3.5k</div>

小提琴链接：

是的，这个气泡可以通过CSS以各种方式绘制。其中一种方法写在下面

HTML:

<div class="like">Like</div>
<div class="counter">3.5k</div>

小提琴链接：

是的，这个气泡可以通过CSS以各种方式绘制。其中一种方法写在下面

HTML:

<div class="like">Like</div>
<div class="counter">3.5k</div>

小提琴链接：

是的，这个气泡可以通过CSS以各种方式绘制。其中一种方法写在下面

HTML:

<div class="like">Like</div>
<div class="counter">3.5k</div>

---

为什么在css中这样做会有问题？你可以用开发者工具栏检查元素，然后你会发现左箭头是用css创建的，这没有什么错。我只是不知道怎么做。如果有一些css代码供我立即使用，那就太好了。：）然后你需要使用一个元素检查器，它向你展示了css，在css中这样做会有什么问题？你可以用开发者工具栏检查元素，然后你会看到左箭头是用css创建的，它没有任何问题。我只是不知道怎么做。如果有一些css代码供我立即使用，那就太好了。：）然后你需要使用一个元素检查器，它向你展示了css，在css中这样做会有什么问题？你可以用开发者工具栏检查元素，然后你会看到左箭头是用css创建的，它没有任何问题。我只是不知道怎么做。如果有一些css代码供我立即使用，那就太好了。：）然后你需要使用一个元素检查器，它向你展示了css，在css中这样做会有什么问题？你可以用开发者工具栏检查元素，然后你会看到左箭头是用css创建的，它没有任何问题。我只是不知道怎么做。如果有一些css代码供我立即使用，那就太好了。：）然后需要使用元素检查器，它向您显示css