导航条 - 版本历史

2019年12月3日 (二) 10:35 明华

2019-12-03T10:35:20Z

2019年12月3日 (二) 10:34 明华

2019-12-03T10:34:53Z

2019年12月3日 (二) 10:32 明华

2019-12-03T10:32:38Z

2019年12月3日 (二) 10:30 明华

2019-12-03T10:30:55Z

2019年12月3日 (二) 10:29 明华

2019-12-03T10:29:59Z

2019年12月3日 (二) 10:28 明华

2019-12-03T10:28:58Z

2019年12月3日 (二) 10:27 明华

2019-12-03T10:27:58Z

2019年12月3日 (二) 10:26 明华

2019-12-03T10:26:24Z

2019年12月3日 (二) 10:26 明华

2019-12-03T10:26:04Z

2019年12月3日 (二) 10:25 明华

2019-12-03T10:25:13Z

←上一版本		2019年12月3日 (二) 10:35的版本
第49行：		第49行：

	</div>		</div>
−
−	~~<style type="text/css">~~
−
−
−
−	~~#nav ul {~~
−
−	~~Width:1000px;~~
−
−	~~height:40px;~~
−
−	~~margin:30px auto;~~
−
−	~~padding:0;~~
−
−	~~list-style:none;~~
−
−	~~border-top:solid 5px #DAA520;~~
−
−	~~border-bottom:solid 5px #DAA520;~~
−
−	~~background:url(images/navig-bg.jpg)~~
−
−	}
−
−
−
−	~~#nav ul li {~~
−
−	~~width:100px;~~
−
−	~~float:left;~~
−
−	~~text-align:center;~~
−
−	~~font:16px/2.5 "microsoft yahei";~~
−
−	}
−
−	~~#nav ul li a {~~
−
−	~~color:#800080; text-decoration:none;~~
−
−	}
−
−	~~#nav ul li a:hover {~~
−
−	~~display:block; color:#FFFFFF; background:#DC143C;~~
−
−	}
−
−
−
−	~~</style>~~

←上一版本		2019年12月3日 (二) 10:34的版本
第49行：		第49行：

	</div>		</div>
		+
		+	<style type="text/css">
		+
		+
		+
		+	#nav ul {
		+
		+	Width:1000px;
		+
		+	height:40px;
		+
		+	margin:30px auto;
		+
		+	padding:0;
		+
		+	list-style:none;
		+
		+	border-top:solid 5px #DAA520;
		+
		+	border-bottom:solid 5px #DAA520;
		+
		+	background:url(images/navig-bg.jpg)
		+
		+	}
		+
		+
		+
		+	#nav ul li {
		+
		+	width:100px;
		+
		+	float:left;
		+
		+	text-align:center;
		+
		+	font:16px/2.5 "microsoft yahei";
		+
		+	}
		+
		+	#nav ul li a {
		+
		+	color:#800080; text-decoration:none;
		+
		+	}
		+
		+	#nav ul li a:hover {
		+
		+	display:block; color:#FFFFFF; background:#DC143C;
		+
		+	}
		+
		+
		+
		+	</style>

@@ 第28行： / 第28行： @@
      <ul>
-         <li><a href="#" />网站首页</a></li>
+         <li>网站首页</li>
-         <li><a href="#" />公司简介</a></li>
+         <li>公司简介</li>
-         <li><a href="#" />产品展示</a></li>
+         <li>产品展示</li>
-         <li><a href="#" />新闻动态</a></li>
+         <li>新闻动态</li>
-         <li><a href="#" />企业文化</a></li>
+         <li>企业文化</li>
-         <li><a href="#" />招贤纳士</a></li>
+         <li>招贤纳士</li>
-         <li><a href="#" />联系我们</a></li>
+         <li>联系我们</li>
-         <li><a href="#" />来访路线</a></li>
+         <li>来访路线</li>
-         <li><a href="#" />收藏本站</a></li>
+         <li>收藏本站</li>
 </ul>
 </div>

@@ 第1行： / 第1行： @@
 <ul class="nav">
-     <li>"#"首　　页</li>
+     <li>首　　页</li>
-     <li><a href="#">关于我们</a></li>
+     <li>关于我们</li>
-     <li><a href="#">产品展示</a></li>
+     <li>产品展示</li>
-     <li><a href="#">售后服务</a></li>
+     <li>售后服务</li>
-     <li><a href="#">联系我们</a></li>
+     <li>联系我们</li>
 </ul>
 ————————————————

@@ 第1行： / 第1行： @@
 <ul class="nav">
-     <li><a href="#">首　　页</a></li>
+     <li>"#"首　　页</li>
      <li><a href="#">关于我们</a></li>
      <li><a href="#">产品展示</a></li>

←上一版本		2019年12月3日 (二) 10:28的版本
第21行：		第21行：

	————————————————		————————————————
−	~~版权声明：本文为CSDN博主「_LDL」的原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接及本声明。~~
−	~~原文链接：https://blog.csdn.net/lindonglian/article/details/46044439~~
−
−
−	~~<html>~~
−
−	~~<head>~~
−
−	~~<title>制作网页导航条</title>~~
−
−	~~<style>~~
−
−	~~<!-- -->~~
−
−	~~</style>~~
−
−	~~</head>~~
−
−
−
−	~~<body>~~


第70行：		第49行：

	</div>		</div>
−
−
−
−	~~</body>~~
−
−	~~</html>~~

←上一版本		2019年12月3日 (二) 10:27的版本
第23行：		第23行：
	版权声明：本文为CSDN博主「_LDL」的原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接及本声明。		版权声明：本文为CSDN博主「_LDL」的原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接及本声明。
	原文链接：https://blog.csdn.net/lindonglian/article/details/46044439		原文链接：https://blog.csdn.net/lindonglian/article/details/46044439
		+
		+
		+	<html>
		+
		+	<head>
		+
		+	<title>制作网页导航条</title>
		+
		+	<style>
		+
		+	<!-- -->
		+
		+	</style>
		+
		+	</head>
		+
		+
		+
		+	<body>
		+
		+
		+
		+	<div id="nav">
		+
		+	<ul>
		+
		+	<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>
		+
		+	<li><a href="#" />招贤纳士</a></li>
		+
		+	<li><a href="#" />联系我们</a></li>
		+
		+	<li><a href="#" />来访路线</a></li>
		+
		+	<li><a href="#" />收藏本站</a></li>
		+
		+	</ul>
		+
		+	</div>
		+
		+
		+
		+	</body>
		+
		+	</html>

@@ 第10行： / 第10行： @@
-<body>
      <ul>
        <li><a href="#" title="首页" target="_blank">首页</a></li>
@@ 第21行： / 第19行： @@
        <li><a href="#" title="联系我们" target="_blank">联系我们</a></li>
      </ul>
-  </nav>
 ————————————————
 版权声明：本文为CSDN博主「_LDL」的原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接及本声明。
 原文链接：https://blog.csdn.net/lindonglian/article/details/46044439

@@ 第8行： / 第8行： @@
 </ul>
 ————————————————
-!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 <body>

@@ 第8行： / 第8行： @@
 </ul>
 ————————————————
-版权声明：本文为CSDN博主「小秋虫」的原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接及本声明。
+!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-原文链接：https://blog.csdn.net/qq_36759976/article/details/79515229
+<html xmlns="http://www.w3.org/1999/xhtml">
-*{ margin:0; padding:0; font-size:14px; }  //这里做了一个基本的样式清除，并且设置初始的文字大小为14px;
+<head>
-ul{ list-style:none; width:100px; }  //list-style:none;是为了清除条目前的那个圆点
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-li{ height:30px; line-height:30px; width:100px; background-color:#f60; margin-bottom:1px; padding-left:10px;} //padding-left:10px是为了让文字向右移动10个像素，但是li的宽度也会增加10个像素，这里推荐用text-indent:10px;文本缩进10个像素
+<title>无标题文档</title>
-a{text-decoration:none; display:block; height:30px; line-height:30px; width:100px; background-color:#f60; margin-bottom:1px; padding-left:10px;
+<link href="styles/navigation.css" rel="stylesheet" type="text/css"/>
-a:hover{ background-color:#f60; color:#0000;} //这个是鼠标经过的样式
+</head>
 ————————————————
-版权声明：本文为CSDN博主「小秋虫」的原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接及本声明。
+版权声明：本文为CSDN博主「_LDL」的原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接及本声明。
-原文链接：https://blog.csdn.net/qq_36759976/article/details/79515229
+原文链接：https://blog.csdn.net/lindonglian/article/details/46044439