好看的404頁(yè)面html源碼 網(wǎng)站404源碼分享

好看的404頁(yè)面html源碼?404頁(yè)面是網(wǎng)站中重要的一個(gè)頁(yè)面，可以有效的避免出現(xiàn)死鏈，一個(gè)好看的404頁(yè)面可以增強(qiáng)用戶的體驗(yàn)，對(duì)于網(wǎng)站的搜索引擎也是有好處的。很多小伙伴們想設(shè)置一個(gè)好看的網(wǎng)站04頁(yè)面，那么今天小編就為大家?guī)?lái)了好看的404頁(yè)面html源碼，一起來(lái)看看吧。

好看的404頁(yè)面html源碼

404-對(duì)不起!您訪問(wèn)的頁(yè)面不存在

.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;}

對(duì)不起，您請(qǐng)求的頁(yè)面不存在、或已被刪除、或暫時(shí)不可用

請(qǐng)點(diǎn)擊以下鏈接繼續(xù)瀏覽網(wǎng)頁(yè)

》返回上一頁(yè)面

》返回網(wǎng)站首頁(yè)

復(fù)制以上源碼，保存到本地為html，就可以看效果了。為了保持好的訪問(wèn)效果，建議下載 head404.png和txtbg404.png 這兩張圖片到本地，再改一下css中對(duì)應(yīng)background的路徑即可

以上就是小編今天為大家?guī)?lái)的好看的404頁(yè)面html源碼以及網(wǎng)站404源碼分享全部?jī)?nèi)容，希望能夠幫助到大家。