模态框代码及实例图片
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>模态框</title><style>@import 'modal1.css';</style></head><body><div class="header"><h2>我的博客</h2><button onclick="showModal()">登陆</button></div><div class="modal"><div class="modal-bg" onclick="closeModal()"></div><form action="" class="modal-form"><fieldset><legend>登陆</legend><input type="username" name="username" placeholder="请输入用户名"><input type="password" name="psd" placeholder="请输入密码"><button>登陆</button></fieldset></form></div><script src="modal1.js"></script></body></html>
实例显示图片
