如何使用 CSS 创建没有图像的气泡？

我们可以使用 HTML 和 CSS 来创建很棒的气泡，不需要图像、JavaScript、额外的框架或任何东西。

使用单个 HTML div 元素，我们正在创建一个语音气泡，您可以选择任何其他元素。我们将制作一个带有一些样式的简单盒子，我们可以根据自己的选择进行调整。之后，我们将为我们的盒子制作一个三角形尖端，使其看起来像一个对话泡泡。重要的部分是定位relative或absolute 。

示例：以下代码有助于使用 HTML 和 CSS3 创建语音气泡。

HTML

  

    

  

    
GeeksForGeeks

  

输出：