网友CCTV分享简单实用的CSS3实现的404页面

作者：管理员

发布时间：2015/5/15 11:14:58

评论数：0

转载请自觉注明原文：http://www.jq-school.com/Show.aspx?id=572

网友CCTV分享简单实用的CSS3实现的404页面

样式代码：

html,body{width: 100%; height: 100%; padding: 0; margin: 0;}
body{background-color: #0091b6;}
h1,h2,h3{margin: 0; padding: 0; text-align: center;}
.wrap{width: 1000px; margin: 0 auto;}
.wrap h1{color: #FFFFFF; font-size: 250px; text-align: center;
		font-family: "Arial Rounded MT Bold", "Helvetica Rounded", Arial, sans-serif;
		text-transform: uppercase;
		color: #f1ebe5;
		text-shadow: 0 8px 9px #c4b59d, 0px -2px 1px #fff;
		font-weight: bold;
		letter-spacing: -4px;
		border-radius: 20px;
}
.wrap h2{color: #FFFFFF; font-size: 50px; text-align: center;
font-family: "Arial Rounded MT Bold", "Helvetica Rounded", Arial, sans-serif;
text-transform: uppercase;
color: #f1ebe5;
text-shadow: 0 8px 9px #c4b59d, 0px -2px 1px #fff;
font-weight: bold;
letter-spacing: -4px;
border-radius: 20px;
}

HTML代码：

<div class="wrap">
	<h1>404</h1>
	<h2>页面已经去火星了.......<h2>
	<h3><img src="Demo/image/404.png"></h3>
</div>

用到的素材：

预览地址如下：

http://qlicheng.com/first/404.html

关键字：网友CCTV CSS3 404页面