1、新建html文档。
2、书写html页面。<div id="wrapper"> <div id="page&鳎溻趄酃quot; style="border-style:dashed; border-color:#e4e4e4; line-height:30px; background:url(sorry.png) no-repeat right;"> <h1>抱歉，网站暂时无法访问</h1> <h2>Sorry, the site now can not be accessed. </h2> <font color="#666666">网站可能因以下原因之一而导致无法访问：</font><br> 域名未绑定、网站过期 以及其他原因（空间超标、流量超标、域名未备案、域名备案被注销等）被系统关闭。<br>请联系网站管理员，登录<a href="http://www.myhostadmin.net/" title="登录管理面板查看原因" target="_blank">控制面板</a>查看详细原因。<br> <div class="button"><a href="#" title="登录管理面板查看原因" target="_blank">进入控制面板</a></div> </div></div>
3、书写css样式釉涑杵抑表。<style type="text/css">body {margin: 0px; paddin爿讥旌护g:0px; font-family:"微软雅黑", Arial, "Trebuchet MS", Verdana, Georgia,Baskerville,Palatino,Times; font-size:16px;}div{margin-left:auto; margin-right:auto;}a {text-decoration: none; color: #1064A0;}a:hover {color: #0078D2;}img { border:none; }h1,h2,h3,h4 {margin:0;font-weight:normal; font-family: "微软雅黑", Arial, "Trebuchet MS", Helvetica, Verdana ; }h1{font-size:44px; color:#0188DE; padding:20px 0px 10px 0px;}h2{color:#0188DE; font-size:16px; padding:10px 0px 40px 0px;}#wrapper{width:100%;}#page{width:910px; padding:20px 20px 40px 20px; margin-top:80px;}.button{width:180px; height:28px; margin-left:0px; margin-top:10px; background:#009CFF; border-bottom:4px solid #0188DE; text-align:center;}.button a{width:180px; height:28px; display:block; font-size:14px; color:#fff; }.button a:hover{ background:#5BBFFF;}</style>
4、整体代码结构。
5、查看效果。
