css布局实现简洁粉色系404页面代码-html代码-BFW代码库

css布局实现简洁粉色系404页面代码

代码语言：html

代码描述：css布局实现简洁粉色系404页面代码码

下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>404错误-页面不存在</title>

    <style>
        @charset "utf-8";
    *{
    	margin: 0;
    	padding: 0;
    }
    *,*:before,*:after{
    	box-sizing: border-box;
    }
    .error{
    	position: relative;
    	width: 100%;
    	height: 100%;
    }
    body,html{
    	height: 100%;
    }
    body{
    	background-color: #f7f5f6;
    }
    .error > .container{
    	width: 988px;
    	height: 340px;
    	position: absolute;
    	left: 50%;
    	top: 50%;
    	transform: translate(-50%,-50%);
    	font-size: 16px;
    	text-align: center;
    	background-color: #ffffff;
    	box-shadow: 0 10px 40px 0 rgba(128,0,59,.05);
    	border-radius: 10px;
    	color: #666666;
    	text-align: center;
    	font-weight: 400;
    }
    .error > .container > .icon,.error > .container > .go-back{
    	display: block;
    	margin: 0 auto;
    }
    .error > .container > .icon{
    	width: 543px;
    	height: 213px;
    	margin-bottom: 30px;
    	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAh8AAADVCAYAAAD3sZIqAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpGNjI0RkQyNDU1MkMxMUU5QTExMUYxRDlEOEUwMUE5MyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpGNjI0RkQyNTU1MkMxMUU5QTExMUYxRDlEOEUwMUE5MyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkY2MjRGRDIyNTUyQzExRTlBMTExRjF.........完整代码请登录后点击上方下载按钮下载查看