来吧，来吧，学习如何制作前端页面，分享老司机网站的错误报告404页的模板源
另外，最好有可以上传源文件的地方。 这样的形式没有任何问题。 普通复印的话大家最好用UTF-8形式。
Html代码如下所示。 html public '-//W3C//dtd XHTML 1.0 transitional//en ' ' http://www.w3.org/tr/XHTML1/dtd/XHTML1- tran nml
老司机登陆视频网站错误404页模板啊~老司机累倒了！
请不要着急。 工程师正在紧急应对中。 马上就好。
可以通过QQ:826096331通知twdtd的开发者！
感谢阳光充足的车的支持。 请耐心等待！
返回首页
返回首页
返回首页
返回首页
CSS样式代码如下所示。 html，body{margin:0px； height:100%； 字体故障： ' Microsoft Yahoo '； }i{font-style:normal； }.pr{position:relative； }.pa{position:absolute； }.fl{float:left； }.mb15{margin-bottom:15px； }.error_new_bg{height:100%； width:100%； }.error _ new _ content { width :100 %； height:100%； 文本照明3360中心； 边距：0自动； background : URL (/images/error.png )否no-repeatcentercenter； 最小宽度：1000 px； }.error_new{top:50%； left:50%； margin:-185px00-500px； height:371px； width:1000px； }.error_new_left{width:56%； 文本对齐：光； - WebKit-animation : desc _ linkease-in-out 1.5s infinite }
@-WebKit-key frames desc _ link {0% }
- WebKit-transform : translate y (0；
-ms-transform3360translatey(0；
-0-转换：转换y (0；
-moz-transform3360translatey(0； 变换：变换y (0；
}
50%{
- WebKit-transform : translate y (1em；
- ms-transform 3360 translate y (1em )；
-0- transform : translate y (1em )；
-最大转换3360转换y (1em )； transform:translatey(1em；
}
百分之百{
- WebKit-transform : translate y (0；
-ms-transform3360translatey(0；
-0-转换：转换y (0；
-moz-transform3360translatey(0； 变换：变换y (0；
}
}.error _ new _ right { width :40 %； 文本对齐：左； 边距-顶部：7 %； 边距-左：4 %； vertical-align:middle}
. error _ new _ right _ BTN { width :150 px； height:46px； background:#F96900； 显示：在线块； color:#fff； line-height:46px； border-radius:3px； 文本照明3360中心； z-index:10}
. error _ new _ right _ btna { color : # fff； 文本照明3360中心； font-size:16px； width:150px； height:46px； 显示：在线块； }.error_detail{margin:0px； height :自动； }.error _ detail.error _ p _ title { font-size 336028 px； color:#fff； }.error _ detail.error _ p _ con { font-size 336014 px； 边距-顶部：10 px； line-height:20px； color:#fff； }.type-2 { background : # f 96900； 文本索引：0； height:46px； width:150px； border-radius:3px； }.type-3 { background : # f 96900； 文本索引：0； height:46px； width:150px； border-radius:3px； }.type-2i { position : absolute； width:150px； height:46px； line-height:46px； 显示：块； top:0； opacity:1； left:0； 盒- sizing :盒； -moz-box-sizing:border-box； - WebKit-transition 3360 all 0.3 s linear； transition : all 0.3 s线性机； 文本照明3360中心； color:#ffe8e8； border-radius:3px； }.type-2i:nth-of-type(3(2， type-2I:nth-of-type )3)-WebKit-transform:Rotatey )-90deg ) 传输：旋转(-90 deg )； 变换组织：00； - WebKit-transform-origin :00； clip : rect (0，60px，9999px，0 )； border-shadow:4px； }.type-2I:nth-of-type(3) transform-origin3360100%； WebKit-transform-origin :100 %； -网络传输3360旋转(90度)； 传输：旋转(90度)； clip : rect (0，9999px，9999p x，60px )； border-shadow:4px； }.type-2: hoveri : nth-of-type (2， type-2: hoveri : nth-of-type )3)-WebKit-transform 33666 trach background:#fff； color:#fff； }.type-2: hoveri : first-of-type { background : # fff； }.type-2i : last-of-type { opacity :0； background:#fff； color:#ff464b； -webkit-transition:none； transition:none； }.type-3i : last-of-type { color : # f 96900； }.type-2: hoveri : last-of-type { opacity :1； - WebKit-transition 3360 all 0.05 s linear 0.3s； transition : all 0.05 s linear 0.3s； }
整个页面只使用了一个图像：