html css制作404页面,一款纯css3实现的漂亮的404页面

html css制作404页面,一款纯css3实现的漂亮的404页面实现的代码。html代码:404ERRORLost?MaybeIcanhelp.required/>SearchMySuggestions.HomePortfoliocss3代码:body{background-color:#0A7189;color:#fff;font:100%”Lato”,sans-serif;font-size:1.8r…

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE使用 1年只要46元 售后保障 童叟无欺

cce48ddeac813d62098b72cf6228465b.png

实现的代码。

html代码:

404

ERROR

Funny Face

Lost? Maybe I can help.

required />

Search

My Suggestions.

css3代码:

body

{

background-color: #0A7189;

color: #fff;

font: 100% “Lato” , sans-serif;

font-size: 1.8rem;

font-weight: 300;

}

a

{

color: #75C6D9;

text-decoration: none;

}

h3

{

margin-bottom: 1%;

}

ul

{

list-style: none;

margin: 0;

padding: 0;

line-height: 50px;

}

li a:hover

{

color: #fff;

}

.center

{

text-align: center;

}

/* Search Bar Styling */

form > *

{

vertical-align: middle;

}

.srchBtn

{

border: 0;

border-radius: 7px;

padding: 0 17px;

background: #e74c3c;

width: 99px;

border-bottom: 5px solid #c0392b;

color: #fff;

height: 65px;

font-size: 1.5rem;

cursor: pointer;

}

.srchBtn:active

{

border-bottom: 0px solid #c0392b;

}

.srchFld

{

border: 0;

border-radius: 7px;

padding: 0 17px;

max-width: 404px;

width: 40%;

border-bottom: 5px solid #bdc3c7;

height: 60px;

color: #7f8c8d;

font-size: 19px;

}

.srchFld:focus

{

outline-color: rgba(255, 255, 255, 0);

}

/* 404 Styling */

.header

{

font-size: 13rem;

font-weight: 700;

margin: 2% 0 2% 0;

text-shadow: 0px 3px 0px #7f8c8d;

}

/* Error Styling */

.error

{

margin: -70px 0 2% 0;

font-size: 7.4rem;

text-shadow: 0px 3px 0px #7f8c8d;

font-weight: 100;

}

201603282312454295.jpg

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/164563.html原文链接:https://javaforall.net

(0)
上一篇 2022年7月27日 上午8:36
下一篇 2022年7月27日 上午8:36


相关推荐

  • pycharm2021.11.3 激活【最新永久激活】

    (pycharm2021.11.3 激活)这是一篇idea技术相关文章,由全栈君为大家提供,主要知识点是关于2021JetBrains全家桶永久激活码的内容https://javaforall.net/100143.htmlIntelliJ2021最新激活注册码,破解教程可免费永久激活,亲测有效,上面是详细链接哦~6B1QWJC8H5-eyJsaWNlb…

    2022年3月28日
    56
  • 产品经理须知:机会成本和沉没成本

    产品经理须知:机会成本和沉没成本产品经理在日常工作中经常需要计算项目的成本 但在很多情况下 产品经理们往往只计算了那些看得见的成本 比如人力成本 设备成本 对于那些看不到的成本 往往就忽略了 本篇主要讲述两个看不见的成本 沉没成本和机会成本 明白了沉没成本 就不会被过去所绑架 明白了机会成本 就不会被虚拟的假设所绑架 这些成本 在产品推进中 尤其是在移动互联专业小而快的产品推进中很有可能就是决定最终成败的胜负手

    2026年3月19日
    2
  • sparksql 概述

    sparksql 概述

    2021年11月27日
    46
  • iOS小技能: 解决UITableViewCell兼容问题(iOS14适配)

    iOS小技能: 解决UITableViewCell兼容问题(iOS14适配)文章目录 I 问题分析 II 使用方法交换 全局修改 seealso 今天升级最新 IDEXcode 准备适配 iOS14API 结果发现 app 首页的 cell 中按钮也无法点击了 I 问题分析 iOS14UITable 的子试图不能点击或者滑动等手势响应问题 发现有问题的 cell 基本都是直接 cell addSubView tempView1 这种方式添加的 通过试图分析发现被系统自带的 UITableViewC 遮挡在底部了 所以需要改规范的做法 cell con

    2026年3月26日
    2
  • 常用停用词表整理(哈工大停用词表,百度停用词表等)

    常用停用词表整理(哈工大停用词表,百度停用词表等)辣鸡CSDNhttps://github.com/goto456/stopwordshttps://zhuanlan.zhihu.com/p/30002654转载于:https://www.cnblogs.com/0n-the-way/p/10544285.html

    2022年6月16日
    45
  • 实验5 振幅调制(集成乘法器幅度调制电路)

    实验5 振幅调制(集成乘法器幅度调制电路)目录 5 1 振荡调制的基本工作原理一 振幅调制和调幅波 1 普通调幅波 AM 1 调幅波的表达式 波形 2 调幅波的频谱 2 抑制载波双边带调幅 DSB 3 抑制载波单边带调幅 SSB 二 普通调幅波的产生电路三 抑制载波调幅的产生电路 5 2 振幅调制实验电路 5 1 振荡调制的基本工作原理根据电磁波理论知道 只有频率较高的振荡才能被天线有效地辐射 但是人的讲话声音变换为相应电信号的频率较低 不适于直接从天线上辐射 因此 为了传递信息 就必须将要传递的信息 记载 到高频振荡上去 这一 记载 过程称为调

    2026年3月16日
    2

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号