1

来源：互联网发布：垃圾处理器知乎编辑：程序博客网时间：2024/06/08 02:19

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>赖泓</title>
<style type="text/css">
.header {
width: 1280px;
height: 533px;
margin-right: auto;
margin-left: auto;
background-image: url(images/header.jpg);
display: block;
}
.header ul {
float: right;
list-style-type: none;
}
.header ul li {
margin-right: 41px;
right: 0px;
float: left;
}
.header ul li a {
color: #FFFFFF;
font-size: 19px;
text-decoration: none;
text-transform: uppercase;
}
.header ul li a:hover {
color: #1abc9c;
text-decoration: none;
}
.header h1 {
width: 50%;
margin-top: 229px;
color: #FFFFFF;
font-size: 50px;
border-bottom-width: 2px;
border-bottom-style: solid;
border-spacing: 0px 0px;
line-height: 78px;
text-align: center;
margin-left: 312px;
float: left;
}
.header h2 {
width: 100%;
float: right;
text-align: center;
color: #FFFFFF;
}
.header .GOAHEAD {
display: block;
margin-right: 529px;
margin-top: 20px;
width: 234px;
height: 61px;
float: right;
background-color: #1abc9c;
color: #FFFFFF;
text-align: center;
font-size: 40px;
text-decoration: none;
line-height: 62px;
border: solid 10PX #78d8c5;
}
</style>
</head>

<body>
<div class="header">
<ul class="nav">
<li><a href="#">start</a></li>
<li><a href="#">about me</a></li>
<li><a href="#">work</a></li>
<li><a href="#">contact</a></li>
</ul>
<h1>May I introduce myself?</h1>
<h2>Frontend Design | UI/UX Design</h2>
<a href="#" class="GOAHEAD">GOAHEAD</a>
</div>
</body>
</html>

0 0