css布局实现网站维护中403页面效果代码
代码语言:html
所属分类:布局界面
代码描述:css布局实现网站维护中403页面效果代码
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style> @charset "utf-8"; body { margin: 0px; padding: 0px; background: url(error.jpg); color: #1b81c4; font-family: 'microsoft yahei'; } div { margin: auto; } p { margin: 0px; padding: 0px; line-height: 26px; } span { display: block; font-size: 14px; } .website-404 { position: absolute; left: 50%; top: 50%; transform: translate3d(-50%,-50%,0); width: 600px; height: 430px; border-right: 10px solid #1b81c4; border-radius: 8px; background-color: #fff; overflow: hidden; } .website-404 .ri-t { padding-left: 50px; padding-top: 23px; font-size: 12px; } .website-504 .ri-t { padding-top: 2px } .website-502 .ri-t { padding-top: 15px } .website-404 .ri-t h1 { margin: 0px; padding: 0px; font-size: 120px; font-weight: normal; } .website-404 .ri-t h2 { margin: 0px; padding: 0px; .........完整代码请登录后点击上方下载按钮下载查看
网友评论0