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


相关推荐

  • 理解 sudo 和 sudoers[通俗易懂]

    理解 sudo 和 sudoers[通俗易懂]在Linux上,只有root用户可以执行任何命令,其他用户必须使用sudo才可执行特殊的命令.sudo是通过sudoers进行配置的.默认配置/etc/sudoers:##ThisfileMUSTbeeditedwiththe’visudo’commandasroot.##Pleaseconsideraddinglocalcontentin/etc/sudoers.d/insteadof#directlymodifying

    2022年6月20日
    29
  • 国家授时中心NTP服务器地址

    国家授时中心NTP服务器地址国家授时中心新的NTP服务器地址:ntp.ntsc.ac.cn

    2022年5月21日
    339
  • 安卓开发个人小作品(3) – 多功能音乐播放器[通俗易懂]

    安卓开发个人小作品(3) – 多功能音乐播放器[通俗易懂]这次介绍一个多功能音乐播放器,记得是大二那年寒假写的,实现的主要功能就是音乐播放,带进度条控制,扫描本地音乐,上一曲下一曲,播放类型(单曲循环,顺序播放,随机播放),APP主题换肤,背景图更换等,功能都比较基础,基本上如果你不会的话,跟着我的思路,应该都是能实现的,预计会在以后加入歌词的功能。在开始前,先放一张最后的效果图吧,我个人喜欢的风格,简约,美观。目录1.实现扫描本地音乐…

    2022年6月26日
    27
  • java 工作流 详解

    java 工作流 详解工作流基本概念:什么是工作流? 工作流:两个或两个以上的人,为了共同的目标,连续的以串行或并行的方式去完成某一业务。 业务:工作流所指业务涵盖了与经营相关的活动。   串行或并行:业务中的步骤也许以一步接着一步的方式进行,我们称之为串行;或者由不同的人或组合根据不同的情况处理,我们称之为并行。   两个或两个以上的人:如工作流的名称所表达的含义,一个人处理的业务

    2022年5月16日
    341
  • 由生产者/消费者问题看JAVA多线程

    由生产者/消费者问题看JAVA多线程

    2021年5月6日
    117
  • mysql 函数 截取_mysql函数之截取字符串

    mysql 函数 截取_mysql函数之截取字符串文章摘取自http://www.cnblogs.com/zdz8207/p/3765073.html练习截取字符串函数(五个)mysql索引从1开始一、mysql截取字符串函数1、left(str,length)从左边截取length2、right(str,length)从右边截取length3、substring(str,index)当index>0从左边开始截取直到结束当index…

    2022年6月12日
    25

发表回复

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

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