可以通过以下步骤使用 CSS 制作 404 页面：
<div> 元素，作为页面的主体内容。<div> 元素中添加一个小标题，使用 <h3> 标签包裹，例如：<h3>404 页面未找到</h3>。<div> 元素中添加一个段落，使用 <p> 标签包裹，并在其中添加页面的说明文字，例如：<p>很抱歉，您所访问的页面不存在。</p>。color 属性改变文字颜色，使用 font-size 属性改变文字大小。<p>您可以尝试<a href="/">返回首页</a>或者检查链接是否正确。</p>。text-decoration 属性去掉下划线。<pre> 标签包裹，并在其中添加代码示例，例如：<pre>404 Page Not Found</pre>。background-color 属性改变背景颜色，使用 padding 属性增加内边距。以下是一个示例代码：
<!DOCTYPE html>
<html>
<head>
<title>404 页面未找到</title>
<style>
body {
font-family: Arial, sans-serif;
background-color: #f4f4f4;
}
div {
width: 80%;
margin: 0 auto;
text-align: center;
padding-top: 50px;
}
h3 {
font-size: 36px;
color: #333;
margin-bottom: 20px;
}
p {
font-size: 18px;
color: #666;
line-height: 1.5;
}
a {
color: #0080ff;
text-decoration: none;
}
pre {
background-color: #eee;
padding: 10px;
font-size: 18px;
color: #333;
}
</style>
</head>
<body>
<div>
<h3>404 页面未找到</h3>
<p>很抱歉，您所访问的页面不存在。您可以尝试<a href="/">返回首页</a>或者检查链接是否正确。</p>
<pre>404 Page Not Found</pre>
</div>
</body>
</html>这段代码会生成一个居中显示的 404 页面，包括一个小标题、一个段落、一个链接和一个代码块。可以根据需要自行修改样式和内容。