<dialog open="">Ich bin eine Dialog Box!</dialog>
dialog {
top: 50%;
border: 1px solid #ccc;
border-radius: 2px;
box-shadow: 0 2px 5px #ccc;
padding: 1em;
}

dialog:hover {
border-color: #4183c4;
}

/* dialog::backdrop { background: #ff0000; } */
// &lt;dialog&gt;

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.