实现的代码。
html代码：
404
ERROR
Lost? Maybe I can help.
required />
Search
My Suggestions.
Home
Portfolio
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;
}
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
如需转载请保留出处：https://bianchenghao.cn/hz/121001.html