好看的404页面html带导航 好看的404页面html

2022-04-14 15:48

好看的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全部内容,希望能够帮助到大家。

网友评论

相关阅读

最近更新