はい、ここでは、HTML5を使用してモーダルウィンドウを生成し、CSSスタイルを使用してモダンなスタイルを持つコードがあります。
「html

    <ダイアログID = "modaldialog">
      <h1>テストタイトル</ h1>
      <ボタンID = "closemodalbtn">モーダルを閉じる</button>
    </ダイアログ>

    <ボタンID = "OpenModalBtn">モーダルを開く</button>

    <スクリプト>
      const openmodal = document.queryselector（ "#openmodalbtn"）
      const closemodal = document.queryselector（ "#closodalbtn"）
      Consta Modal = document.QuerySelector（ "#modaldialog"）
      openModal.AddeventListener（ "click"、（）=> {
        modal.showmodal（）
      }）
      closemodal.addeventlistener（ "click"、（）=> {
        modal.close（）
      }）;
    </script>
    <style>
@import url（ "https://fonts.googleapis.com/css2?family=roboto:wght@400; 700＆display = swap"）;

#modaldialog {
  Border-Radius：0.375Rem;
  背景：RGB（2、0、36）;
  背景：線形勾配（
    90deg、
    RGBA（2、0、36、1）0％、
    RGBA（9、9、121、1）35％、
    RGBA（0、212、255、1）100％
  ）;
  色：白;
  パディング：6px;
  フォントファミリー：「ロボット」、sans-serif;
}
#modaldialog H1 {
  マージン：0;
}

#modaldialogボタン{
  背景：なし;
  アウトライン：なし;
  境界線：0.175Rem;
  パディング：2px;
  色：白;
  境界線：白。
  カーソル：ポインター;
  遷移：すべて0.3秒;
}
#modaldialogボタン：Hover {
背景：白。
  色：黒;
}
    </ style>
``
Sí claro aquí tienes el código para generar una ventana modal usando html5 y con estilos CSS para tener un estilo moderno:
```html

    <dialog id="modalDialog">
      <h1>Título de prueba</h1>
      <button id="closeModalBtn">Cerrar el modal</button>
    </dialog>

    <button id="openModalBtn">Abrir el modal</button>

    <script>
      const openModal = document.querySelector( "#openModalBtn" )
      const closeModal = document.querySelector( "#closeModalBtn" )
      const modal = document.querySelector( "#modalDialog" )
      openModal.addEventListener( "click", () => {
        modal.showModal()
      } )
      closeModal.addEventListener( "click", () => {
        modal.close()
      } );
    </script>
    <style>
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap");

#modalDialog {
  border-radius: 0.375rem;
  background: rgb(2, 0, 36);
  background: linear-gradient(
    90deg,
    rgba(2, 0, 36, 1) 0%,
    rgba(9, 9, 121, 1) 35%,
    rgba(0, 212, 255, 1) 100%
  );
  color: white;
  padding: 6px;
  font-family: "Roboto", sans-serif;
}
#modalDialog h1 {
  margin: 0;
}

#modalDialog button {
  background: none;
  outline: none;
  border-radius: 0.175rem;
  padding:2px;
  color: white;
  border-color: white;
  cursor: pointer;
  transition: all 0.3s;
}
#modalDialog button:hover {
background: white;
  color:black;
}
    </style>
```