abstract:<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>内部样式导航条</title> <style type="text/css"> *{margin: 0px; paddi
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>内部样式导航条</title>
<style type="text/css">
*{margin: 0px; padding: 0px;}
a{text-decoration: none; font-size: 5px; color: #000;}
.clear{
clear:both;}
.header{
width: 100%; background:#f0f0f0;
}
.header-content{
width: 1200px; /*background: #121212;*/ margin: 0px auto; line-height:40px;
}
.header-left{
height: 40px;/*background: red;*/float: left;
}
.header-right{
height: 40px; /*background: red;*/float: right;}
.heade-a{display: inline-block; width: 55px;height: 40px;/*background-color: #f8f8ff;*/text-align: center;}
.header-content a:hover{color: red;}
</style>
</head>
<body>
<div class="header">
<div class="header-content">
<div class="header-left">
<a href="http//www.taobao.com" class="heade-a">中国大陆  </a>
<a href="http//www.taobao.com" style="color:#ff0000;">亲,请注册 </a>
<a href="http//www.taobao.com">免费注册 </a>
<a href="http//www.taobao.com">手机逛淘宝</a>
</div>
<div class="header-right">
<a href="http//www.taobao.com" class="heade-a">我的淘宝 </a>
<a href="http//www.taobao.com" class="heade-a">购物车</a>
<a href="http//www.taobao.com" class="heade-a">收藏夹</a>
<a href="http//www.taobao.com" >商品分类</a>
<a href="http//www.taobao.com" class="heade-a">卖家中心</a>
<a href="http//www.taobao.com" class="heade-a">联系客服</a>
<a href="http//www.taobao.com" class="heade-a">网站导航</a>
</div>
</div>
<div class="clear"></div>
</div>
</body>
</html>
Correcting teacher:天蓬老师Correction time:2018-11-30 13:44:41
Teacher's summary:a标签有多种用法,除了可做超链接跳转外,还可以做锚点, 还可以下载文件