警告框是 JavaScript 的一个重要特性。它用于通知客户端或用户有关单击事件的信息。就像用户订阅您的页面以获取每日更新一样，您可以希望他们回来，或者通过显示警告框消息来感谢他们。有时像我们这样的开发人员不想只在警告框内显示普通文本，我们想以自己的方式装饰该框。但是 JavaScript 警报框是一个系统对象，而不是 CSS 的主题。要设计警报框，我们需要 jQuery，然后通过使用我们唯一可以做到的 CSS。在本文中，我们将设计警报框。
普通警报框设计： 
下面的例子说明了完整的方法：
示例 1：双按钮警报对话框设计。在本例中，我们将创建一个双按钮，一个用于确认，另一个用于取消订阅。我们将分配一个警报框的类，然后，我们在 CSS 中设计该特定类。在这个例子中，类是一个容器。为了设计按钮，我们将使用 CSS 中的按钮标签来设计它。并且出现的消息也可以像我们附加一个类一样装饰，也可以设计它。 class 和 id 可以调用设计和事件。
GeeksforGeeks
Designing the alert box
输出： 
示例 2：单按钮对话框。在本例中，我们将放置一个用于确认的按钮。以类似的方式，我们将分配一个警报框的类，然后我们在 CSS 中设计该特定类。在这个例子中，类是一个容器。为了设计按钮，我们将使用 CSS 中的按钮标签来设计它。并且出现的消息也可以像我们附加一个类一样装饰，也可以设计它。 class 和 id 可以调用设计和事件。以纯色设计背景。该按钮将被分配一个任务，单击后它将消失。
GeeksforGeeks
Designing the alert box
输出： 