您现在的位置: 万盛学电脑网 >> 程序编程 >> 网页制作 >> Html5 >> 正文

如何利用html5和css3打造一款创意404页面

作者:佚名    责任编辑:admin    更新时间:2022-06-22

熟练掌握计算机的操作和管理技能对我们在未来职场的发展是有很大帮助的,下面就让我们一起来欣赏这篇关于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页面的信息,希望对您的生活工作有帮助。