1、新建html文档。
2、书写html页面。
<div id="wrapper">
<div id="page" 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; padding: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、查看效果。
