一个简单而又漂亮的404页面源码

404   html  

废话不多说直接上代码

  • 建议将图片下载后使用
    1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    3. <html xmlns="http://www.w3.org/1999/xhtml">
    4. <head>
    5. <meta charset="UTF-8" http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    6. <title>404-对不起!您访问的页面不存在</title>
    7. <style type="text/css">
    8. .head404 {
    9. width: 580px;
    10. height: 234px;
    11. margin: 50px auto 0 auto;
    12. background: url(https://www.daixiaorui.com/Public/images/head404.png) no-repeat;
    13. }
    14. .txtbg404 {
    15. width: 499px;
    16. height: 169px;
    17. margin: 10px auto 0 auto;
    18. background: url(https://www.daixiaorui.com/Public/images/txtbg404.png) no-repeat;
    19. }
    20. .txtbg404 .txtbox {
    21. width: 390px;
    22. position: relative;
    23. top: 30px;
    24. left: 60px;
    25. color: #eee;
    26. font-size: 13px;
    27. }
    28. .txtbg404 .txtbox p {
    29. margin: 5px 0;
    30. line-height: 18px;
    31. }
    32. .txtbg404 .txtbox .paddingbox {
    33. padding-top: 15px;
    34. }
    35. .txtbg404 .txtbox p a {
    36. color: #eee;
    37. text-decoration: none;
    38. }
    39. .txtbg404 .txtbox p a:hover {
    40. color: #FC9D1D;
    41. text-decoration: underline;
    42. }
    43. </style>
    44. </head>
    45. <body bgcolor="#494949">
    46. <div class="head404"></div>
    47. <div class="txtbg404">
    48. <div class="txtbox">
    49. <p>对不起,您请求的页面不存在、或已被删除、或暂时不可用</p>
    50. <p class="paddingbox">请点击以下链接继续浏览网页</p>
    51. <p><a style="cursor:pointer" onclick="history.back()">返回上一页面</a></p>
    52. <p><a href="https://blog.df5g.com">返回网站首页</a></p>
    53. </div>
    54. </div>
    55. </body>
    56. </html>
    来源地址


评论 0

发表评论

Top