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

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

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

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • navicate 15 激活码【注册码】

    navicate 15 激活码【注册码】,https://javaforall.cn/100143.html。详细ieda激活码不妨到全栈程序员必看教程网一起来了解一下吧!

  • AES加密解密——AES在JavaWeb项目中前台JS加密,后台Java解密的使用「建议收藏」

    一:前言 在软件开发中,经常要对数据进行传输,数据在传输的过程中可能被拦截,被监听,所以在传输数据的时候使用数据的原始内容进行传输的话,安全隐患是非常大的。因此就要对需要传输的数据进行在客户端进行加密,然后在服务器进行解密! 加密和解密的算法有很多,主流有对称加密和非对称加密!两者的区别就不在这里做介绍,有不懂的朋友可以去查Google。 (精读阅读本篇可能花费您10…

  • Java基础编程练习题

    Java基础编程练习题很多人在自学java的时候看一遍视频,感觉就会了,课后并没有大量的练习来巩固当前所学的知识点,今天给大家整理了一些非常具有代表意义的题。Java基础类型题1、反转一个只有3位数的整数。从控制台输入321,输出1232、将一个字符由小写字母转换为大写字母。从控制台输入a,输出A3、从控制台输入一个字符串,由字母组成,转换成大写后输出。如果输入的是小写,就转换成大写。…

    2022年10月12日
  • 优化SQLServer——表和分区索引

    优化SQLServer——表和分区索引

    2021年11月25日
  • h5实现长按复制文本_ios13如何复制链接

    h5实现长按复制文本_ios13如何复制链接前段时间有位朋友让帮忙做一个手机h5页面长按复制的功能,先上图安卓实现起来没问题,有时候ios会报错,无奈手边也没有iPhone手机,折腾了好几次才完成,直接上关键代码<scriptsrc=”js/jquery.ui.draggable.js”type=”text/javascript”></script><scripttype=”text/…

  • 【已解决】戴尔笔记本电脑的卡顿问题.

    【已解决】戴尔笔记本电脑的卡顿问题.卡顿检测(主要用于戴尔笔记本):卡顿超过300ms的时候会记录卡顿发生的时间点和卡顿持续的时间.用的是一个Timer(定时器)来检测触发间隔,原理非常简单.此程序使用VB.NET编写,绝无病毒,你可以使用ilspy反编译来查看源代码.在每次开机的时候打开此软件,在每次关机前查看此软件的显示内容,判断是否有卡顿.你可以根据卡顿的状况来判断卡顿是哪些软件造成的.若卡顿出现的不频…

发表回复

您的电子邮箱地址不会被公开。

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