阅读量:2
源码介绍
简约唯美的404HTML源码，很适合做网站错误页，将下面的源码放到一个空白的html里面，然后上传到服务器里面即可使用
效果预览
完整源码
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>404 Error Example</title> <style>@import url('https://fonts.googleapis.com/css?family=Montserrat:400,600,700'); @import url('https://fonts.googleapis.com/css?family=Catamaran:400,800'); .error-container { text-align: center; font-size: 106px; font-family: 'Catamaran', sans-serif; font-weight: 800; margin: 70px 15px; } .error-container > span { display: inline-block; position: relative; } .error-container > span.four { width: 136px; height: 43px; border-radius: 999px; background: linear-gradient(140deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.07) 43%, transparent 44%, transparent 100%), linear-gradient(105deg, transparent 0%, transparent 40%, rgba(0, 0, 0, 0.06) 41%, rgba(0, 0, 0, 0.07) 76%, transparent 77%, transparent 100%), linear-gradient(to right, #d89ca4, #e27b7e); } .error-container > span.four:before, .error-container > span.four:after { content