如何利用html5和css3打造一款創意404頁面

熟練掌握計算機的操作和管理技能對我們在未來職場的發展是有很大幫助的，下面就讓我們一起來欣賞這篇關於html5和css3打造一款創意404頁面的文章吧!

實現的代碼

html代碼：

css代碼：

復制代碼代碼如下:

.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;

}

以上就是精品為您准備的關於html5和css3打造一款創意404頁面的信息，希望對您的生活工作有幫助。