怎样编写404错误页面代码

首先，我们要仔细研究一下自己手中的设计图，一般的设计图也就是这种样式的了。（项目专用，勿盗图）

这张图，我们将中间有图片和文字的部分看成一个大的DIV，定宽，并设置左右margin为自动，设一个距上面的margin-top。制作好的效果图是下图这样的。

外面看成一个大的div，里面就要仔细划分一下了，我是将404这个图片，注意是图片，以图片的形式插入到一个div，里面。

左侧的图片，我们可以以背景图片的形式插入，给整个大的div设置一个padding-left，left的值等于图片的宽度，将图片left bottom定位到div中。

然后是中间的几行文字了，我们直接插入ul、li标签就可以，至于前面的圆点，我是新添加了一个标签，因为圆点和li文字的颜色是不相同的。

最下面的刷新，重试按钮左侧的图片，以背景图的形式插入，两个按钮用button标签就可以，按钮之间的间距用margin解决。