今天给大家介绍编剧编辑用html5和css3制作的创意404页。 一起看看效果图吧:
实现的代码
html代码:
复制代码的话就是:
css代码:
复制代码的话就是:
. me404 {
width: 1000px;
height: 480px;
定位:助手;
top: 50%;
left: 50%;
边距左边缘:-400 px;
边距-顶部:-240 px;
}
. st0 {
文件规则:事件odd;
clip-rule :事件odd;
fill: #E8EBED;
}
. st1 {
fill: #FFFFFF;
stroke: #89949B;
stroke-width: 3;
stroke-linecap: round;
stroke-linejoin: round;
stroke-miterlimit: 10;
}
. st2 {
文件规则:事件odd;
clip-rule :事件odd;
fill: #DBDFE1;
}
. st3 {
fill: #FFFFFF;
}
. st4 {
文件规则:事件odd;
clip-rule :事件odd;
fill: #E8EBED;
stroke: #89949B;
stroke-width: 3;
stroke-linecap: round;
stroke-linejoin: round;
stroke-miterlimit: 10;
}
. st5 {
文件规则:事件odd;
clip-rule :事件odd;
fill: #FFFFFF;
stroke: #89949B;
stroke-width: 3;
stroke-linecap: round;
stroke-linejoin: round;
stroke-miterlimit: 10;
}
. st6 {
文件规则:事件odd;
clip-rule :事件odd;
文件: none;
stroke: #89949B;
stroke-width: 3;
stroke-linecap: round;
stroke-linejoin: round;
stroke-miterlimit: 10;
}
用这两个代码可以实现有想法的404页。 大家可以试试哦。