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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • goland 2021.7 激活码【2021最新】

    (goland 2021.7 激活码)JetBrains旗下有多款编译器工具(如:IntelliJ、WebStorm、PyCharm等)在各编程领域几乎都占据了垄断地位。建立在开源IntelliJ平台之上,过去15年以来,JetBrains一直在不断发展和完善这个平台。这个平台可以针对您的开发工作流进行微调并且能够提供…

    2022年3月20日
    198
  • 电商网站开发语言_电商平台架构图

    电商网站开发语言_电商平台架构图现在有这么一个需求1,一个电商平台要做多语言支持,主要就是商品要支持多种语言,也就是说,有一个商品id为100,默认显示简体中文,当我点击英文版的时候就显示该id为100的英文版本。所有的商品多种语言的商品id是不会变的,会变的只是显示的语言变了而已。不能分为多个网站来使用。只能是在一个域名下。3.数据库应该如何设计?求大神们给点思路,谢谢回复内容:现在有这么一个需求1,一个电商平台要做多语言支持…

    2022年9月27日
    2
  • Intellij IDEA快捷键生成Getter、Setter和构造器[通俗易懂]

    Intellij IDEA快捷键生成Getter、Setter和构造器[通俗易懂]隔一个暑假不用,再次使用Idea快捷键都忘的差不多了。特此记录下快捷键生成Getter/Setter等。Alt + Insert 组合,可唤出选择面板:选择自己需要的即可。…

    2022年6月13日
    138
  • JS日期格式化转换方法

    JS日期格式化转换方法1.将日期转换为指定的格式:比如转换成年月日时分秒这种格式:yyyy-MM-ddhh:mm:ss或者yyyy-MM-dd。当然是网上的方法,只是总结下。可以为Date原型添加如下的方法:Date.prototype.format=function(fmt){varo={“M+”:this.getMonth()+1,…

    2022年6月12日
    29
  • 基于spark的数据采集平台

    基于spark的数据采集平台数据采集平台管理端https://github.com/zhaoyachao/zdh_web数据采集平台服务https://github.com/zhaoyachao/zdh_server平台介绍数据采集,处理,监控,调度,管理一体化平台具体介绍请看github连接中的readme文档

    2022年6月10日
    33
  • JAVA的除法计算

    JAVA的除法计算我们都知道在JAVA中”/“是取整,”%”是取余,那么我们要是想算类似1÷10=0.1怎么算?方法一DecimalFormat //定义方法 publicstaticStringChufa(inta,intb){ //“0.00000000”确定精度 DecimalFormatdF=newDecimalFormat(“0.00000000”); …

    2022年5月24日
    57

发表回复

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

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