好看的404頁面html帶導航 好看的404頁面html

win7之家-小言發表於2022-04-14
HTML

好看的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

以上就是小編今天為大家帶來的好看的404頁面html帶導航以及好看的404頁面html全部內容，希望能夠幫助到大家。

相關文章