下面是编程之家 jb51.cc 通过网络收集整理的代码片段。
编程之家小编现在分享给大家，也给大家做个参考。
<!DOCTYPE html> <html lang="en"> <head> <Meta charset="utf-8"> <title></title> <style> input{ outline:none; } .dialog_mask{ top:0; left:0; z-index:100; position:absolute; text-align:center; width:100%; height:100%; background:#a0a0a0; white-space:nowrap; } .dialog_mask:after{ content:" "; height:100%; display:inline-block; vertical-align:middle; } .dialog{ font-size:14px; text-align:left; min-width:300px; min-height:80px; display:inline-block; vertical-align:middle; background:#ffffff; } .head{ margin:5px; padding:2px; position:relative; background:#15a4fa; border-bottom:1px solid #15a4fa; } .title{ color:#fff; display:inline-block; vertical-align:middle; } .close_btn{ width:20px; height:20px; top:50%; right:2px; margin-top:-9px; position:absolute; display:inline-block; float:right; background:url("close_btn.png"); } .close_btn:hover{ cursor:pointer; background-position:-20px 0; } .body{ padding:8px; height:100%; } </style> </head> <body> <div class="dialog_mask"> <div class="dialog" align="middle;"> <div class="head"> <div class="title">创建项目</div> <span class="close_btn" title="关闭"></span> </div> <div class="body"> <form> 项目名：<input value="" name="project_name"/> <div style="display:inline-block;"> <button>确定</button> <button>取消</button> </div> </form> </div> </div> </div> </body> <script> </script> </html>
以上是编程之家(jb51.cc)为你收集整理的全部代码内容，希望文章能够帮你解决所遇到的程序开发问题。
如果觉得编程之家网站内容还不错，欢迎将编程之家网站推荐给程序员好友。
原文链接：https://www.f2er.com/html/457414.html