<html>
<head>
<title>
侧栏训练
</title>
<style>
* {
margin: 0;
padding: 0;
}
.nav{
border-top: 3px solid #ff8500;
border-bottom: 1px solid #edeefo;
background-color: #fcfcfc;
height: 41px;
}
a {
display: inline-block;
font-size: 14px;
text-decoration: none;
color: #4c4c4c;
line-height: 41px;
padding: 0 20px;
}
a:hover{
background-color: skyblue;
}
</style>
</head>
<body>
<div class="nav">
<a href="#">设为首页</a>
<a href="#">手机新浪网</a>
<a href="#">移动客户端</a>
<a href="#">博客</a>
<a href="#">微博</a>
<a href="#">关注我</a>
</div>
</body>
</html>
/*练习重点有三：框架、格式、布局*/