会python真的可以为所欲为0(回)
371天前
这里还有人吗1(回)
556天前这里还有人吗0(回)
556天前
每天面对着电脑屏幕，敲打键盘。我所面对的并不只是代码，而是一种生活方式。0(回)
780天前到处都是羊，不想上班0(回)
860天前
鸽子
0(回)
865天前<!DOCTYPE html> |
<html lang="en"> |
<head> |
<meta charset="UTF-8"> |
<title>项目实战--pc端固定布局</title> |
<style text="text/css"> |
body,h1,ul{ |
margin: 0px; |
padding: 0px; |
} |
ul{ |
list-style: none; |
} |
a{ |
text-decoration: none; |
} |
#nav{ |
width: 100%; |
height: 70px; |
background-color: #333; |
} |
#nav .center{ |
width: 1263px; |
height: 70px; |
margin: 0 auto; |
} |
#nav .logo{ |
width: 240px; |
height: 70px; |
background-image: url(../images/logo.png); |
text-indent: -999px; |
float: left; |
} |
#nav .link{ |
float: right; |
height: 70px; |
line-height: 70px; |
color: #eee; |
} |
#nav .link li{ |
float: left; |
width: 120px; |
text-align: center; |
} |
#nav .link a{ |
color:#eee; |
display: block; |
} |
#nav .link a:hover, |
#nav .active a{ |
background-color: #000; |
} |
<style> |
</head> |
<body> |
<nav id="nav"> |
<section class="center"> |
<h1 class="logo">瓢成流行社</h1> |
<ul class="link"> |
<li class="active"><a href="#">首页</a></li> |
<li><a href="#">旅游资讯</a></li> |
<li><a href="#">旅游资讯</a></li> |
<li><a href="#">机票订购</a></li> |
<li><a href="#">风景欣赏</a></li> |
<li><a href="#">公司简介</a></li> |
</ul> |
</section> |
</nav> |
<header>header</header> |
<section>section</section> |
<footer>footer</footer> |
</body> |
</html> |
