Use html5 and css3 to create a creative 404 page _ html5 tutorial-

Can your website 404 page help others remember your website? Next we will introduce a creative 404 page created by html5 and css3. The 404 page must also be very creative. Let's take a look at the small series of scripts that we want to bring to you a creative 404 page created by html5 and css3. Let's take a look:

Implemented code

　　Html code:

　　

The Code is as follows:

　　Css code:

The Code is as follows:

. Me404 {
Width: 1000px;
Height: 480px;
Position: absolute;
Top: 50%;
Left: 50%;
Margin-left:-400px;
Margin-top:-240px;
}
. St0 {
Fill-rule: evenodd;
Clip-rule: evenodd;
Fill: # E8EBED;
}
. St1 {
Fill: # FFFFFF;
Stroke: # 89949B;
Stroke-width: 3;
Stroke-linecap: round;
Stroke-linejoin: round;
Stroke-miterlimit: 10;
}
. St2 {
Fill-rule: evenodd;
Clip-rule: evenodd;
Fill: # DBDFE1;
}
. St3 {
Fill: # FFFFFF;
}
. St4 {
Fill-rule: evenodd;
Clip-rule: evenodd;
Fill: # E8EBED;
Stroke: # 89949B;
Stroke-width: 3;
Stroke-linecap: round;
Stroke-linejoin: round;
Stroke-miterlimit: 10;
}
. St5 {
Fill-rule: evenodd;
Clip-rule: evenodd;
Fill: # FFFFFF;
Stroke: # 89949B;
Stroke-width: 3;
Stroke-linecap: round;
Stroke-linejoin: round;
Stroke-miterlimit: 10;
}
. St6 {
Fill-rule: evenodd;
Clip-rule: evenodd;
Fill: none;
Stroke: # 89949B;
Stroke-width: 3;
Stroke-linecap: round;
Stroke-linejoin: round;
Stroke-miterlimit: 10;
}

The above two types of code can be used to implement a very creative 404 page. You can try it.