好看的404頁面html帶導航？404頁面大家在瀏覽網頁時都見過，有各種不同的樣式，當我們制作自己的網頁時，也必須要制作一個404頁面，防止我們的網站出現死鏈。但是很多小伙伴們找不到404頁面的源碼，那么今天小編就為大家帶來了好看的404頁面html帶導航，一起來看看吧。
好看的404頁面html帶導航
<!DOCTYPE HTML>
<style type="text/css">
body{
font-family: 'Courgette', cursive;
}
body{
background:#f3f3e1;
}
.wrap{
margin:0 auto;
width:1000px;
}
.logo{
margin-top:50px;
}
.logo h1{
font-size:200px;
color:#8F8E8C;
text-align:center;
margin-bottom:1px;
text-shadow:1px 1px 6px #fff;
}
.logo p{
color:rgb(228, 146, 162);
font-size:20px;
margin-top:1px;
text-align:center;
}
.logo p span{
color:lightgreen;
}
.sub a{
color:white;
background:#8F8E8C;
text-decoration:none;
padding:7px 120px;
font-size:13px;
font-family: arial, serif;
font-weight:bold;
-webkit-border-radius:3em;
-moz-border-radius:.1em;
-border-radius:.1em;
}
</style>
<body>
<div class="wrap">
<div class="logo">
<h1>404</h1>
<p>The Page not Found-找不到你要訪問的頁面</p>
<div class="sub">
<p><a href="/">Back</a></p>
</div>
</div>
</div>
</body>
以上就是小編今天為大家帶來的好看的404頁面html帶導航以及好看的404頁面html全部內容，希望能夠幫助到大家。
閩公網安備 35020302033304號
網友評論