023W3Cschool导航

最新推荐文章于 2022-06-08 22:10:01 发布

哔了狗的哑铃

最新推荐文章于 2022-06-08 22:10:01 发布

阅读量110

点赞数

分类专栏： html/css

本文链接：https://blog.csdn.net/Davennewong/article/details/79755033

版权

html/css 专栏收录该内容

39 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>导航</title>
	<style>
		*{margin: 0;padding: 0;}
		#main{
			width: 1200px;
			height:800px;
			margin: 0 auto;
		
		}
		li{
			list-style: none;/*去掉li的点*/
			float: left;
			width: 150px;
			line-height: 50px;
			text-align: center;/*文本水平居中*/
		}
		#nav{
				height: 50px;
				width: 1200px;
				background: #e8e7e3;
		}
		a{
			text-decoration: none;/*去掉下划线*/
			color:#afafad;
			font-size: 18px;
		}
		li:hover{
			background:#3f3f3f;
		}
	</style>
</head>
<body>
	<div id="main">
			<div id="nav">
				<ul>
					<li><a href="#">导航1</a></li>
					<li><a href="#">导航2</a></li>
					<li><a href="#">导航3</a></li>
					<li><a href="#">导航4</a></li>
					<li><a href="#">导航5</a></li>
					<li><a href="#">导航6</a></li>
					<li><a href="#">导航7</a></li>
				</ul>
			</div>
	</div>

</body>
</html>

哔了狗的哑铃

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
023W3Cschool导航

&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;导航&lt;/title&gt; &lt;style&gt; *{margin: 0;padding: 0;} #main{ width:
复制链接

扫一扫

专栏目录