推薦一個簡單而又漂亮的網站404頁面，也是我網站用的。

頁面的風格效果：

源碼：

404-對不起！您訪問的頁面不存在

.head404{ width:580px; height:234px; margin:50px auto 0 auto; background:url(https://www.daixiaorui.com/Public/images/head404.png) no-repeat; }

.txtbg404{ width:499px; height:169px; margin:10px auto 0 auto; background:url(https://www.daixiaorui.com/Public/images/txtbg404.png) no-repeat;}

.txtbg404 .txtbox{ width:390px; position:relative; top:30px; left:60px;color:#eee; font-size:13px;}

.txtbg404 .txtbox p {margin:5px 0; line-height:18px;}

.txtbg404 .txtbox .paddingbox { padding-top:15px;}

.txtbg404 .txtbox p a { color:#eee; text-decoration:none;}

.txtbg404 .txtbox p a:hover { color:#FC9D1D; text-decoration:underline;}

對不起，您請求的頁面不存在、或已被刪除、或暫時不可用

請點擊以下鏈接繼續(xù)瀏覽網頁

》返回上一頁面

》返回網站首頁

復制以上源碼，保存到本地為html，就可以看效果了。為了保持好的訪問效果，建議下載?head404.png和txtbg404.png 這兩張圖片到本地，再改一下css里面對應background的路徑即可。

總結

以上是生活随笔為你收集整理的漂亮的html404页面源码,一个简单而又漂亮的404页面源码的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。