数码资讯
实例教程使用HTML5和CSS3创建一个创意404页
你的网站有404页能帮助别人记住你的网站吗下面我们介绍一个有创意的404页面通过HTML5和CSS3创建。404页也很有创意。让我们一起来看看。 今天小编带来了HTML5和CSS3创建一个创造性的404页，让我们一起看看结果。 实现代码 HTML代码： U3000 U3000 复制代码代码如下所示：
选购提示
关注价格、性能、续航、售后和真实使用场景，理性比较后再下单。
你的网站有404页能帮助别人记住你的网站吗下面我们介绍一个有创意的404页面通过HTML5和CSS3创建。404页也很有创意。让我们一起来看看。
今天小编带来了HTML5和CSS3创建一个创造性的404页，让我们一起看看结果。
实现代码
HTML代码：
U3000 U3000
复制代码代码如下所示：
<路径ID =云class=0am658.4345.2c-10.9,0-19.7-8.8-19.7-19.7c0-10.9,8.8-19.7,19.7-19.7h50.1c9.9-1.5,17.5-10,17.5-20.3
c0-11.4-9.2-20.6-20.6-20.6v-0.2h633c-11.4,0-20.6-6.7-20.6-18.1c0-11.4,9.2-19.3,20.6-19.3h70.4l2-0.2c7.3-3.1,12.5-11,12.5-19.5
c0-8.5-4.2-16.7-11.4-19.2l-2.5-0.3h-11.3c-11.9,0-21.6-8.9-21.6-19.9c0-11,9.7-19.9,21.6-19.9h15.8l1.4-0.3
c8.6-2.5,14.8-10.1,14.8-19.5c0-11.4-9.2-20.6-20.6-20.6h-1.2h-69.2h382.5c-19.8-0.9-19.9-15.9-19.8-17.8c0-0.1,0-0.1,0-0.2
c0-9.9-8.1-18-18-18h-93.5c-9.9,0-18,8.1-18,18c0,9.4,7.2,17.1,16.3,17.9h9.3c0.2,0,0,0,0.6,0l0.5,0l0.4,0l0.2,0
c10.1,0.9,18,9.3,18,19.6c0,10.9-8.8,19.7-19.7,19.7h-70.7c-11.3,0-20.5,9.2-20.5,20.6c0,11.3,9.1,20.5,20.4,20.6h48.8
c10.3,0,18.7,8.4,18.7,18.7c0,10.3-8.4,18.7-18.7,18.7h-23.2c-11.3,0.1-20.4,9.2-20.4,20.6c0,11.3,9.2,20.5,20.5,20.6h6.3
c10.7,0,19.3,8.7,19.3,19.3c0,10.7-7.8,19.3-18.4,19.3l-1.5,0l-2.8,0.4c-7.3,3.1-11.8,11-11.5,18.9c0.3,8.5,4.2,16.5,11.7,19.6
c1.1,0.7,3.4,0.9,4.4,0.9h4.5h296h19.7c3.9,0.5,8.2,4.2,7.4,10.4c0,0.4,0,0.8,0.1,1.1c0,0.5-0.1,1-0.1,1.5c0,9.7,7.9,17.5,17.5,17.5
h60.2c9.7,0,17.5-7.9,17.5-17.5c0-0.4,0-0.8-0.1-1.2c0.1-0.3,0-0.7,0.1-1.1c0.3-6.5,6.4-10.9,10.6-10.8h110.1
c8.5,0,16.9,6.6,16.9,14.8c0,8.2,6.6,14.8,14.8,14.8h92.6c8.2,0,14.8-6.6,14.8-14.8c0-8.2-6.6-14.8-14.8-14.8 m332.8187.1h-21.2
c-11.4,0-20.6-9.2-20.6-20.6c0-11.4,9.2-20.6,20.6-20.6h21.2c11.4,0,20.6,9.2,20.6, 20.6c353.3177.9344.1187.1332.8187.1z />
<路径ID =zelda_strokeclass=ST1am138.4,59.5h36.9l-18.5,32l138.4, 59.5z m193.8,91.5l18.5-32h-36.9l193.8, 91.5z m175.4123.5
l18.5-32h-36.9l175.4123.5z />
<路径ID =zelda_dark_shadowclass=0am156.9,91.5l-18.5-32l18.5,10.7l156.9, 91.5z m193.8,70.2l-18.5-10.7l18.5,32
l193.8, 70.2z m175.4102.2l-18.5-10.7l18.5, 32l175.4102.2z />
<路径ID =zelda_light_shadowclass=ST2am175.4,59.5l-18.5, 10.7l-18.5-10.7h175.4z m175.4,59.5l18.5, 10.7l18.5-10.7h175.4z
m156.9,91.5l18.5, 10.7l18.5-10.7h156.9z />
<路径ID =zelda_highlightclass=ST3am150.6,66.6h12.5l-6.3,10.8l150.6, 66.6z m193.8,77.4l6.3-10.8h-12.5l193.8, 77.4z
m175.4109.4l6.3-10.8h-12.5l175.4109.4z />
<路径ID =nose_holeclass=ST10am213.2266.3c0.6,0,1,0.5,0.9,1.1c0,0.6-0.5,1-1.1,0.9c-0.6,0-1-0.5-0.9-1.1
c212.1266.6212.6266.2213.2266.3z />
<路径ID =nose_hole_1_class=ST10am208.1266.9c0.6,0,1,0.5,0.9,1.1c0,0.6-0.5,1-1.1,0.9c-0.6,0-1-0.5-0.9-1.1
c207.1267.3207.6266.9208.1266.9z />
<路径ID =mongkey_shadow_1_class=0am209.1281c0.9-0.9,9.4-2.6,12-3c2.4-0.4-1.6,4.1-5, 5s208.2282209.1281z m143.6237.1c-0.3,3.6,1.8,7,5.2,8.4c0.4,0.2,0.7,0.5,0.8,0.9c0.1,0.4,0.1,0.9-0.2,1.2c-15.1,24.2-14.7,56.3-10.8,70.8 c4,15.2,17.1,20.7,24.8,20.7c8.9,0,16.1-1,21.8-2.9c-67.5,2.2-35-81.7-33.3-87.3c0.2-0.8,1.2-4.4, 1-5c-0.6-1.6-3.5-0.2-6-4 c-2.9-4.5,1.2-9.2, 2.6-10.6c146.3230.1143.9233143.6237.1z m201.7297.5c7.8-0.9,17.9-8,22.3-13.3
c-27.4,14.7-44.4,3.1-50.1-9.8c0.3,5.9,1.6,12.6,5.9, 17.3c184.4296.7191.8298.7201.7297.5z m208.6261.2
c-5.7,0.8-8.6-1.1-11.6,1.8c-2.8,2.7-7.7,4.6-3.8,4.1c3.9-0.6,10.1-3.4,16.8-4.1c0,0,0,0,0,0l-0.5,0c-0.2,0-0.3,0-0.4,0
c-0.5, 0-1-0.4-1-0.9c208.2261.9208.2261.5208.6261.2z m198.4300c0-0.1,0-0.1-0.1-0.2c-0.7,0-1.4,0.1-2,0.1
c-7.8,0-13.9-2.3-18-6.8c-7.7-8.4-6.6-22.5-6.1-28.4c-5.6-6.2-5.6-11.5-4.6-15c-2,2.3-4.8,8.5,2.1,16.1c-3.9,6.4-5.4,26.5,9.2,36.2
c7.2,4.8,16.6,5.3,20.8, 2.8c199.5302.9199301.2198.4300z />
<路径ID =肚子class=ST11am189.1304c6.2,3,8.1,11.5,5.9,19c-2.3,7.4-9.8,10-16,7c-6.2-3-7.6-10.4-5.3-17.8
s182.9301.1189.1304z />
<路径ID =belly_buttonclass=迎am191.2322.3c0-0.1-0.1-0.2-0.2-0.2l-1.9-1.4l1-1.9c0.1-0.1,0.1-0.2,0-0.3
c-0.1-0.2-0.4-0.4-0.7-0.3c-0.2,0-0.4,0.2-0.5,0.3l-0.9,1.7l-1.6-1.2c-0.2-0.1-0.3-0.1-0.5-0.1c-0.4,0.1-0.5,0.4-0.5,0.6
c0,0.1,0.1,0.2,0.2,0.2l1.8,1.3l-1.1,2.1c-0.1,0.1-0.1,0.2,0,0.3c0.1,0.3,0.4,0.4,0.7,0.4c0.2,0,0.3-0.1,0.4-0.3l1-1.9l1.7,1.3
c0.1,0.1,0.3,0.1,0.5, 0.1c191.1322.8191.3322.5191.2322.3z />
<路径ID =猿臂class=ST5am164.3344.1c-0.9-0.3-1.8-0.2-2.5,0.2c-0.3-0.2-0.6-0.3-0.9-0.4c-0.8-0.3-1.5-0.5-2.3-0.5
c-0.1,0-0.2-0.1-0.3-0.3c-2.4-11.4-1.1-27.6,0.3-43.8c0-0.1,1.2-5.7-2.6-7.2c-5.2-2.1-5.5,2.5-5.5,2.7c-0.5,4.8-3.6,39,1.1,51.4
c0,0.1,0,0.2,0,0.3c-0.4,0.5-0.7,1-0.9,1.7c-1.5,3.9,0.7,8.3,4.8,9.9c4.1,1.6,8.7-0.3,10.1-4.2c0.5-1.3,0.6-2.7, 0.3-4
c0-0.1,0-0.2,0.1-0.2c0.5-0.7,0.9-1.6, 0.5-2.9c166.2345.5165.4344.4164.3344.1z />
<路径class=ST12am165296c0-4.3-1.8-10.8-6-12c-12.5-3.5-12.4,11.1-12.4,11.1s10.8-1.4,16.7,9.6
c163.3304.6165300.3165296z />
<路径ID =moon_shadesclass=0am622.5,55.9c1.3,2.3,0,5.8-3.1,7.7c-3,2-6.6,1.7-7.9-0.6c-1.3-2.3,0-5.8,3.1-7.7
c617.6,53.3621.1,53.6622.5, 55.9z m628.8,94.1c-4.1-6.1-11.6-9-16.7-6.4c-5.1,2.6-5.9,9.6-1.7,15.7c4.1,6.1,11.6,9,16.7,6.4
c632.2107.2632.9100.2628.8, 94.1z m644.5109c-3.6,0-6.5,2.2-6.5,5s2.9,5,6.5,5s6.5-2.2, 6.5-5s648.1109644.5109z
m645.7,95.8c-2.3-1.2-5-0.5-6,1.4c-1,2,0,4.5,2.3,5.7c2.3,1.2,5,0.5,6-1.4c649,99.664897645.7, 95.8z m686.5,81
c0-25.1-20.4-45.5-45.5-45.5c-16.1,0-30.2,8.4-38.3,21c7.9-5.9,17.7-9.5,28.3-9.5c26,0,47,21,47,47c0,6.3-1.3,12.3-3.5,17.8
c681.9103.6686.5,92.8686.5,81z />
<路径ID =number_4_outlineclass=ST1am379.5235.5c0-4.9-3.9-9.1-8.7-9.1h-11.4v-72.5c0-9.1-8.5-15.7-17.6-15
c-6,0-11.8,3.1-15.1,8l-52.7,79.8c-1.2,2.1-2.1,4.5-2.1,6.6c0,6.6,5,11.1,10.3,11.1h339v24.3c0,5.6,4.3,10.1,9.9,10.1
c6,0,10.5-4.5, 10.5-10.1v-24.3h11.4c375.6244.3379.5240.4379.5235.5z m339226.4h-45.5l45.5-67.8v226.4z />
<路径ID =number_4_inner_linesclass=ST14am349158v109.2 m345.9147c-5.6,0-10.9,2.8-14,7.2l-47.1,69.5
c-1.2,1.9-3.3,4.3-3.6,5.8c-0.8,4.6,2.3,5.5,7.3, 5.5h340 m359.5235h379 m342232l-4,7 m345232l-4,7 m358232l-4,7 m361232l-4,7 />
<路径ID =number_4_dotsclass=ST10am349266c1.6,0,2.9,1.3,2.9,2.9c0,1.6-1.3,2.9-2.9,2.9c-1.6,0-2.9-1.3-2.9-2.9
c346.1267.3347.4266349266z m349155.1c1.6,0,2.9,1.3,2.9,2.9s-1.3,2.9-2.9,2.9c-1.6,0-2.9-1.3-2.9-2.9s347.4155.1349155.1
Z m344.4144.6c1.6,0,2.9,1.3,2.9,2.9c0,1.6-1.3,2.9-2.9,2.9c-1.6, 0-2.9-1.3-2.9-2.9c341.4145.9342.7144.6344.4144.6z />
<路径ID =number_4_outline_2class=ST1am627235.5c0-4.9-3.9-9.1-8.7-9.1h-11.4v-72.5c0-9.1-8.5-15.7-17.6-15
c-6,0-11.8,3.1-15.1,8l-52.7,79.8c-1.2,2.1-2.1,4.5-2.1,6.6c0,6.6,5,11.1,10.3,11.1h56.7v24.3c0,5.6,4.3,10.1,9.9,10.1
c6,0,10.5-4.5, 10.5-10.1v-24.3h11.4c623.1244.3627240.4627235.5z m586.5226.4h541l45.5-67.8v226.4z />
<路径ID =number_4_inner_lines_2class=ST14am596.5158v109.2 m593.3147c-5.6,0-10.9,2.8-14,7.2l-47.1,69.5
c-1.2,1.9-3.3,4.3-3.6,5.8c-0.8,4.6,2.3,5.5,7.3,5.5h51.5 m607235h19.5 m589.5232l-4,7 m592.5232l-4,7 m605.5232l-4,7
m608.5232l-4,7 />
<路径ID =number_4_dots_2class=ST10am596.5266c1.6,0,2.9,1.3,2.9,2.9c0,1.6-1.3,2.9-2.9,2.9c-1.6,0-2.9-1.3-2.9-2.9
c593.6267.3594.9266596.5266z m596.5155.1c1.6,0,2.9,1.3,2.9,2.9s-1.3,2.9-2.9,2.9c-1.6,0-2.9-1.3-2.9-2.9
s594.9155.1596.5155.1z m591.8144.6c1.6,0,2.9,1.3,2.9,2.9c0,1.6-1.3,2.9-2.9,2.9c-1.6,0-2.9-1.3-2.9-2.9
c588.9145.9590.2144.6591.8144.6z />
<路径ID =number_0_outlineclass=ST1am502208.9c0-34-15.9-70.9-54-70.9c-38.3,0-54,36.9-54,70.9s15.7,71.1,54,71.1
c486.1280502242.9502208.9z m481.1208.9c0,26.8-8.7,53-33.1,53c-24.6,0-33.1-26.2-33.1-53c0-26.8,8.5-52.8,33.1-52.8
c472.4156.1481.1182.1481.1208.9z />
<路径ID =number_0_inner_linesclass=采取am487.2175.7c-6.7-16.8-19.3-29.4-39.2-29.4c-32,0-45.1,32.5-45.1,62.4
s13.1,62.6,45.1,62.6c31.8,0,44.1-32.6,44.1-62.6 m487.5172c3,0,5.5,2.5,5.5,5.5c0,3-2.5,5.5-5.5,5.5c-3,0-5.5-2.5-5.5-5.5
c482174.5484.5172487.5172z m492.5202c3,0,5.5,2.5,5.5,5.5c0,3-2.5,5.5-5.5,5.5c-3,0-5.5-2.5-5.5-5.5
c487204.5489.5202492.5202z />
<路径ID =number_0_dotsclass=ST10am492.5205c1.4,0,2.5,1.1,2.5,2.5c0,1.4-1.1,2.5-2.5,2.5c-1.4,0-2.5-1.1-2.5-2.5
c490206.1491.1205492.5205z m487.5175c1.4,0,2.5,1.1,2.5,2.5c0,1.4-1.1,2.5-2.5,2.5c-1.4,0-2.5-1.1-2.5-2.5
c485176.1486.1175487.5175z m448.1143.4c1.6,0,2.9,1.3,2.9,2.9c0,1.6-1.3,2.9-2.9,2.9c-1.6,0-2.9-1.3-2.9-2.9
c445.1144.7446.4143.4448.1143.4z m448.1268.3c1.6,0,2.9,1.3,2.9,2.9c0,1.6-1.3,2.9-2.9,2.9c-1.6,0-2.9-1.3-2.9-2.9
c445.1269.6446.4268.3448.1268.3z />
CSS代码：
复制代码代码如下：me404 {。
宽度：1000px；
身高：480px；
位置：绝对；
顶部：50%；
左：50%；
margin-left: - 400px；
边距：- 240px；
}
{。0
填写规则：EVENODD；
规则：EVENODD夹；
补：# e8ebed；
}
{。ST1
补：# ffffff；
行程：# 89949b；
笔画宽度：3；
中风：圆线帽；
中风：圆线连接；
行程：10 miterlimit；
}
{。ST2
填写规则：EVENODD；
规则：EVENODD夹；
补：# dbdfe1；
}
{。ST3
补：# ffffff；
}
{。ST4
填写规则：EVENODD；
规则：EVENODD夹；
补：# e8ebed；
行程：# 89949b；
笔画宽度：3；
中风：圆线帽；
中风：圆线连接；
行程：10 miterlimit；
}
{。ST5
填写规则：EVENODD；
规则：EVENODD夹；
补：# ffffff；
行程：# 89949b；
笔画宽度：3；
中风：圆线帽；
中风：圆线连接；
行程：10 miterlimit；
}
{。ST6
填写规则：EVENODD；
规则：EVENODD夹；
填充：无；
行程：# 89949b；
笔画宽度：3；
中风：圆线帽；
中风：圆线连接；
行程：10 miterlimit；
}
一个非常有创意的404页可以通过上面的两个代码来实现。
今天小编带来了HTML5和CSS3创建一个创造性的404页，让我们一起看看结果。
实现代码
HTML代码：
U3000 U3000
复制代码代码如下所示：
<路径ID =云class=0am658.4345.2c-10.9,0-19.7-8.8-19.7-19.7c0-10.9,8.8-19.7,19.7-19.7h50.1c9.9-1.5,17.5-10,17.5-20.3
c0-11.4-9.2-20.6-20.6-20.6v-0.2h633c-11.4,0-20.6-6.7-20.6-18.1c0-11.4,9.2-19.3,20.6-19.3h70.4l2-0.2c7.3-3.1,12.5-11,12.5-19.5
c0-8.5-4.2-16.7-11.4-19.2l-2.5-0.3h-11.3c-11.9,0-21.6-8.9-21.6-19.9c0-11,9.7-19.9,21.6-19.9h15.8l1.4-0.3
c8.6-2.5,14.8-10.1,14.8-19.5c0-11.4-9.2-20.6-20.6-20.6h-1.2h-69.2h382.5c-19.8-0.9-19.9-15.9-19.8-17.8c0-0.1,0-0.1,0-0.2
c0-9.9-8.1-18-18-18h-93.5c-9.9,0-18,8.1-18,18c0,9.4,7.2,17.1,16.3,17.9h9.3c0.2,0,0,0,0.6,0l0.5,0l0.4,0l0.2,0
c10.1,0.9,18,9.3,18,19.6c0,10.9-8.8,19.7-19.7,19.7h-70.7c-11.3,0-20.5,9.2-20.5,20.6c0,11.3,9.1,20.5,20.4,20.6h48.8
c10.3,0,18.7,8.4,18.7,18.7c0,10.3-8.4,18.7-18.7,18.7h-23.2c-11.3,0.1-20.4,9.2-20.4,20.6c0,11.3,9.2,20.5,20.5,20.6h6.3
c10.7,0,19.3,8.7,19.3,19.3c0,10.7-7.8,19.3-18.4,19.3l-1.5,0l-2.8,0.4c-7.3,3.1-11.8,11-11.5,18.9c0.3,8.5,4.2,16.5,11.7,19.6
c1.1,0.7,3.4,0.9,4.4,0.9h4.5h296h19.7c3.9,0.5,8.2,4.2,7.4,10.4c0,0.4,0,0.8,0.1,1.1c0,0.5-0.1,1-0.1,1.5c0,9.7,7.9,17.5,17.5,17.5
h60.2c9.7,0,17.5-7.9,17.5-17.5c0-0.4,0-0.8-0.1-1.2c0.1-0.3,0-0.7,0.1-1.1c0.3-6.5,6.4-10.9,10.6-10.8h110.1
c8.5,0,16.9,6.6,16.9,14.8c0,8.2,6.6,14.8,14.8,14.8h92.6c8.2,0,14.8-6.6,14.8-14.8c0-8.2-6.6-14.8-14.8-14.8 m332.8187.1h-21.2
c-11.4,0-20.6-9.2-20.6-20.6c0-11.4,9.2-20.6,20.6-20.6h21.2c11.4,0,20.6,9.2,20.6, 20.6c353.3177.9344.1187.1332.8187.1z />
<路径ID =zelda_strokeclass=ST1am138.4,59.5h36.9l-18.5,32l138.4, 59.5z m193.8,91.5l18.5-32h-36.9l193.8, 91.5z m175.4123.5
l18.5-32h-36.9l175.4123.5z />
<路径ID =zelda_dark_shadowclass=0am156.9,91.5l-18.5-32l18.5,10.7l156.9, 91.5z m193.8,70.2l-18.5-10.7l18.5,32
l193.8, 70.2z m175.4102.2l-18.5-10.7l18.5, 32l175.4102.2z />
<路径ID =zelda_light_shadowclass=ST2am175.4,59.5l-18.5, 10.7l-18.5-10.7h175.4z m175.4,59.5l18.5, 10.7l18.5-10.7h175.4z
m156.9,91.5l18.5, 10.7l18.5-10.7h156.9z />
<路径ID =zelda_highlightclass=ST3am150.6,66.6h12.5l-6.3,10.8l150.6, 66.6z m193.8,77.4l6.3-10.8h-12.5l193.8, 77.4z
m175.4109.4l6.3-10.8h-12.5l175.4109.4z />
<路径ID =nose_holeclass=ST10am213.2266.3c0.6,0,1,0.5,0.9,1.1c0,0.6-0.5,1-1.1,0.9c-0.6,0-1-0.5-0.9-1.1
c212.1266.6212.6266.2213.2266.3z />
<路径ID =nose_hole_1_class=ST10am208.1266.9c0.6,0,1,0.5,0.9,1.1c0,0.6-0.5,1-1.1,0.9c-0.6,0-1-0.5-0.9-1.1
c207.1267.3207.6266.9208.1266.9z />
<路径ID =mongkey_shadow_1_class=0am209.1281c0.9-0.9,9.4-2.6,12-3c2.4-0.4-1.6,4.1-5, 5s208.2282209.1281z m143.6237.1c-0.3,3.6,1.8,7,5.2,8.4c0.4,0.2,0.7,0.5,0.8,0.9c0.1,0.4,0.1,0.9-0.2,1.2c-15.1,24.2-14.7,56.3-10.8,70.8 c4,15.2,17.1,20.7,24.8,20.7c8.9,0,16.1-1,21.8-2.9c-67.5,2.2-35-81.7-33.3-87.3c0.2-0.8,1.2-4.4, 1-5c-0.6-1.6-3.5-0.2-6-4 c-2.9-4.5,1.2-9.2, 2.6-10.6c146.3230.1143.9233143.6237.1z m201.7297.5c7.8-0.9,17.9-8,22.3-13.3
c-27.4,14.7-44.4,3.1-50.1-9.8c0.3,5.9,1.6,12.6,5.9, 17.3c184.4296.7191.8298.7201.7297.5z m208.6261.2
c-5.7,0.8-8.6-1.1-11.6,1.8c-2.8,2.7-7.7,4.6-3.8,4.1c3.9-0.6,10.1-3.4,16.8-4.1c0,0,0,0,0,0l-0.5,0c-0.2,0-0.3,0-0.4,0
c-0.5, 0-1-0.4-1-0.9c208.2261.9208.2261.5208.6261.2z m198.4300c0-0.1,0-0.1-0.1-0.2c-0.7,0-1.4,0.1-2,0.1
c-7.8,0-13.9-2.3-18-6.8c-7.7-8.4-6.6-22.5-6.1-28.4c-5.6-6.2-5.6-11.5-4.6-15c-2,2.3-4.8,8.5,2.1,16.1c-3.9,6.4-5.4,26.5,9.2,36.2
c7.2,4.8,16.6,5.3,20.8, 2.8c199.5302.9199301.2198.4300z />
<路径ID =肚子class=ST11am189.1304c6.2,3,8.1,11.5,5.9,19c-2.3,7.4-9.8,10-16,7c-6.2-3-7.6-10.4-5.3-17.8
s182.9301.1189.1304z />
<路径ID =belly_buttonclass=迎am191.2322.3c0-0.1-0.1-0.2-0.2-0.2l-1.9-1.4l1-1.9c0.1-0.1,0.1-0.2,0-0.3
c-0.1-0.2-0.4-0.4-0.7-0.3c-0.2,0-0.4,0.2-0.5,0.3l-0.9,1.7l-1.6-1.2c-0.2-0.1-0.3-0.1-0.5-0.1c-0.4,0.1-0.5,0.4-0.5,0.6
c0,0.1,0.1,0.2,0.2,0.2l1.8,1.3l-1.1,2.1c-0.1,0.1-0.1,0.2,0,0.3c0.1,0.3,0.4,0.4,0.7,0.4c0.2,0,0.3-0.1,0.4-0.3l1-1.9l1.7,1.3
c0.1,0.1,0.3,0.1,0.5, 0.1c191.1322.8191.3322.5191.2322.3z />
<路径ID =猿臂class=ST5am164.3344.1c-0.9-0.3-1.8-0.2-2.5,0.2c-0.3-0.2-0.6-0.3-0.9-0.4c-0.8-0.3-1.5-0.5-2.3-0.5
c-0.1,0-0.2-0.1-0.3-0.3c-2.4-11.4-1.1-27.6,0.3-43.8c0-0.1,1.2-5.7-2.6-7.2c-5.2-2.1-5.5,2.5-5.5,2.7c-0.5,4.8-3.6,39,1.1,51.4
c0,0.1,0,0.2,0,0.3c-0.4,0.5-0.7,1-0.9,1.7c-1.5,3.9,0.7,8.3,4.8,9.9c4.1,1.6,8.7-0.3,10.1-4.2c0.5-1.3,0.6-2.7, 0.3-4
c0-0.1,0-0.2,0.1-0.2c0.5-0.7,0.9-1.6, 0.5-2.9c166.2345.5165.4344.4164.3344.1z />
<路径class=ST12am165296c0-4.3-1.8-10.8-6-12c-12.5-3.5-12.4,11.1-12.4,11.1s10.8-1.4,16.7,9.6
c163.3304.6165300.3165296z />
<路径ID =moon_shadesclass=0am622.5,55.9c1.3,2.3,0,5.8-3.1,7.7c-3,2-6.6,1.7-7.9-0.6c-1.3-2.3,0-5.8,3.1-7.7
c617.6,53.3621.1,53.6622.5, 55.9z m628.8,94.1c-4.1-6.1-11.6-9-16.7-6.4c-5.1,2.6-5.9,9.6-1.7,15.7c4.1,6.1,11.6,9,16.7,6.4
c632.2107.2632.9100.2628.8, 94.1z m644.5109c-3.6,0-6.5,2.2-6.5,5s2.9,5,6.5,5s6.5-2.2, 6.5-5s648.1109644.5109z
m645.7,95.8c-2.3-1.2-5-0.5-6,1.4c-1,2,0,4.5,2.3,5.7c2.3,1.2,5,0.5,6-1.4c649,99.664897645.7, 95.8z m686.5,81
c0-25.1-20.4-45.5-45.5-45.5c-16.1,0-30.2,8.4-38.3,21c7.9-5.9,17.7-9.5,28.3-9.5c26,0,47,21,47,47c0,6.3-1.3,12.3-3.5,17.8
c681.9103.6686.5,92.8686.5,81z />
<路径ID =number_4_outlineclass=ST1am379.5235.5c0-4.9-3.9-9.1-8.7-9.1h-11.4v-72.5c0-9.1-8.5-15.7-17.6-15
c-6,0-11.8,3.1-15.1,8l-52.7,79.8c-1.2,2.1-2.1,4.5-2.1,6.6c0,6.6,5,11.1,10.3,11.1h339v24.3c0,5.6,4.3,10.1,9.9,10.1
c6,0,10.5-4.5, 10.5-10.1v-24.3h11.4c375.6244.3379.5240.4379.5235.5z m339226.4h-45.5l45.5-67.8v226.4z />
<路径ID =number_4_inner_linesclass=ST14am349158v109.2 m345.9147c-5.6,0-10.9,2.8-14,7.2l-47.1,69.5
c-1.2,1.9-3.3,4.3-3.6,5.8c-0.8,4.6,2.3,5.5,7.3, 5.5h340 m359.5235h379 m342232l-4,7 m345232l-4,7 m358232l-4,7 m361232l-4,7 />
<路径ID =number_4_dotsclass=ST10am349266c1.6,0,2.9,1.3,2.9,2.9c0,1.6-1.3,2.9-2.9,2.9c-1.6,0-2.9-1.3-2.9-2.9
c346.1267.3347.4266349266z m349155.1c1.6,0,2.9,1.3,2.9,2.9s-1.3,2.9-2.9,2.9c-1.6,0-2.9-1.3-2.9-2.9s347.4155.1349155.1
Z m344.4144.6c1.6,0,2.9,1.3,2.9,2.9c0,1.6-1.3,2.9-2.9,2.9c-1.6, 0-2.9-1.3-2.9-2.9c341.4145.9342.7144.6344.4144.6z />
<路径ID =number_4_outline_2class=ST1am627235.5c0-4.9-3.9-9.1-8.7-9.1h-11.4v-72.5c0-9.1-8.5-15.7-17.6-15
c-6,0-11.8,3.1-15.1,8l-52.7,79.8c-1.2,2.1-2.1,4.5-2.1,6.6c0,6.6,5,11.1,10.3,11.1h56.7v24.3c0,5.6,4.3,10.1,9.9,10.1
c6,0,10.5-4.5, 10.5-10.1v-24.3h11.4c623.1244.3627240.4627235.5z m586.5226.4h541l45.5-67.8v226.4z />
<路径ID =number_4_inner_lines_2class=ST14am596.5158v109.2 m593.3147c-5.6,0-10.9,2.8-14,7.2l-47.1,69.5
c-1.2,1.9-3.3,4.3-3.6,5.8c-0.8,4.6,2.3,5.5,7.3,5.5h51.5 m607235h19.5 m589.5232l-4,7 m592.5232l-4,7 m605.5232l-4,7
m608.5232l-4,7 />
<路径ID =number_4_dots_2class=ST10am596.5266c1.6,0,2.9,1.3,2.9,2.9c0,1.6-1.3,2.9-2.9,2.9c-1.6,0-2.9-1.3-2.9-2.9
c593.6267.3594.9266596.5266z m596.5155.1c1.6,0,2.9,1.3,2.9,2.9s-1.3,2.9-2.9,2.9c-1.6,0-2.9-1.3-2.9-2.9
s594.9155.1596.5155.1z m591.8144.6c1.6,0,2.9,1.3,2.9,2.9c0,1.6-1.3,2.9-2.9,2.9c-1.6,0-2.9-1.3-2.9-2.9
c588.9145.9590.2144.6591.8144.6z />
<路径ID =number_0_outlineclass=ST1am502208.9c0-34-15.9-70.9-54-70.9c-38.3,0-54,36.9-54,70.9s15.7,71.1,54,71.1
c486.1280502242.9502208.9z m481.1208.9c0,26.8-8.7,53-33.1,53c-24.6,0-33.1-26.2-33.1-53c0-26.8,8.5-52.8,33.1-52.8
c472.4156.1481.1182.1481.1208.9z />
<路径ID =number_0_inner_linesclass=采取am487.2175.7c-6.7-16.8-19.3-29.4-39.2-29.4c-32,0-45.1,32.5-45.1,62.4
s13.1,62.6,45.1,62.6c31.8,0,44.1-32.6,44.1-62.6 m487.5172c3,0,5.5,2.5,5.5,5.5c0,3-2.5,5.5-5.5,5.5c-3,0-5.5-2.5-5.5-5.5
c482174.5484.5172487.5172z m492.5202c3,0,5.5,2.5,5.5,5.5c0,3-2.5,5.5-5.5,5.5c-3,0-5.5-2.5-5.5-5.5
c487204.5489.5202492.5202z />
<路径ID =number_0_dotsclass=ST10am492.5205c1.4,0,2.5,1.1,2.5,2.5c0,1.4-1.1,2.5-2.5,2.5c-1.4,0-2.5-1.1-2.5-2.5
c490206.1491.1205492.5205z m487.5175c1.4,0,2.5,1.1,2.5,2.5c0,1.4-1.1,2.5-2.5,2.5c-1.4,0-2.5-1.1-2.5-2.5
c485176.1486.1175487.5175z m448.1143.4c1.6,0,2.9,1.3,2.9,2.9c0,1.6-1.3,2.9-2.9,2.9c-1.6,0-2.9-1.3-2.9-2.9
c445.1144.7446.4143.4448.1143.4z m448.1268.3c1.6,0,2.9,1.3,2.9,2.9c0,1.6-1.3,2.9-2.9,2.9c-1.6,0-2.9-1.3-2.9-2.9
c445.1269.6446.4268.3448.1268.3z />
CSS代码：
复制代码代码如下：me404 {。
宽度：1000px；
身高：480px；
位置：绝对；
顶部：50%；
左：50%；
margin-left: - 400px；
边距：- 240px；
}
{。0
填写规则：EVENODD；
规则：EVENODD夹；
补：# e8ebed；
}
{。ST1
补：# ffffff；
行程：# 89949b；
笔画宽度：3；
中风：圆线帽；
中风：圆线连接；
行程：10 miterlimit；
}
{。ST2
填写规则：EVENODD；
规则：EVENODD夹；
补：# dbdfe1；
}
{。ST3
补：# ffffff；
}
{。ST4
填写规则：EVENODD；
规则：EVENODD夹；
补：# e8ebed；
行程：# 89949b；
笔画宽度：3；
中风：圆线帽；
中风：圆线连接；
行程：10 miterlimit；
}
{。ST5
填写规则：EVENODD；
规则：EVENODD夹；
补：# ffffff；
行程：# 89949b；
笔画宽度：3；
中风：圆线帽；
中风：圆线连接；
行程：10 miterlimit；
}
{。ST6
填写规则：EVENODD；
规则：EVENODD夹；
填充：无；
行程：# 89949b；
笔画宽度：3；
中风：圆线帽；
中风：圆线连接；
行程：10 miterlimit；
}
一个非常有创意的404页可以通过上面的两个代码来实现。
声明：本文内容用于数码产品信息整理与选购参考，具体价格、库存、售后政策以官方渠道和电商页面实时信息为准。