index.html

<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="utf-8">
  <title>Modal Window</title> 
  <link rel="stylesheet" href="css/styles.css">
</head>
<body>
  <div id="open">
    詳細をみる
  </div> 

  <div id="mask" class="hidden"></div>

  <section id="modal" class="hidden">
    <p>こんいてゃこんちはこんちあｈ。こんちは。こんつは、こんんちだ、こんちだ。こんちは、
      こんにちは。こんにいは。こんにちは。こんにちは。こんにちは。</p>
    <div id="close">
      閉じる
    </div>  
    
  </section>

  <script src="js/maim.js"></script>
</body>
</html>

ドットインストール - 3分動画でマスターできるプログラミング学習サービス

サービスメニュー

ご利用にあたって

ソーシャルメディア

更新情報