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