404页面制作
网站介绍
该网站正在升级中…(此处应填写网站的名称或相关信息)。
样式代码
以下是网站的样式代码块,用于设置网页的基本外观和布局。
/* 定义全局字体大小 */
body { font-size: 12px; background: #fff; font-family: "Lantinghei SC", "Helvetica Neue", "Microsoft YaHei", "WenQuanYi Micro Hei", "Heiti SC", "Segoe UI", Arial, sans-serif }
/* 去除元素的内外边距和列表样式 */
body, h1, h2, h3, h4, h5, p, ul, li { padding: 0; margin: 0; list-style: none }
/* 定义404页面的标题容器样式 */
.tcy_404 { padding-top: 100px; /* padding-bottom: 112px */ }
/* 定义404页面的内容容器样式 */
.container { width:100%; max-width:1000px; }
/* 设置内容容器居中对齐 */
.container { /* padding-right: 15px; padding-left: 15px; */ margin-right: auto; margin-left: auto }
/* 定义404页面中的图片样式 */
.tcy_404 im { width: 96px; height: 96px; float: left; margin-right: 18px; background: url("img/404.png") no-repeat center; text-align: center; line-height: 96px; font-size: 36px; color: #ccc; border-radius: 50% }
注意事项
在使用以上样式时,请将代码添加到适当的位置以确保正确应用。另外,需要替换样式代码块中的img/404.png
为实际的图片路径或使用在线图标库提供的图标。