<!DOCTYPE html>
<head>
<meta charset="UTF-8">
<!-- 去除浏览器默认样式 -->
<link rel="stylesheet" href="../reset_style/reset.css">
<title>20胡学好</title>
<style>
body{
height: 3000px
;
}
a{
text-decoration: none
;
color: #808080
;
}
.nav{
width: 1210px
;
height: 48px
;
background-color: rgb(228, 226, 226
);
margin: 200px auto
;
position: sticky
;
top: 20px
;
}
.nav li{
float: left
;
}
.nav a{
line-height: 48px
;
display: block
;
padding: 0px 59px
;
}
.nav li:nth-child(4) a{
padding: 0px 61px
;
}
.nav a:hover{
color: #E8E7E3
;
background-color: #3F3F3F
;
}
</style>
</head>
<body>
<ul class=
"nav">
<li><a href=
"javascript:;">HTML/CSS</a></li>
<li><a href=
"javascript:;">Browser Side</a></li>
<li><a href=
"javascript:;">Programming</a></li>
<li><a href=
"javascript:;">XML</a></li>
<li><a href=
"javascript:;">Web Building</a></li>
<li><a href=
"javascript:;">reference</a></li>
</ul>
</body>
</html>
