css学习之CSS_padding内边距_新浪导航栏

最新推荐文章于 2024-10-01 23:20:42 发布

一只追求学习的学渣

最新推荐文章于 2024-10-01 23:20:42 发布

阅读量232

点赞数

分类专栏： CSS 文章标签： css

本文链接：https://blog.csdn.net/weixin_44079801/article/details/106967135

版权

CSS 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>CSS_padding内边距_新浪导航栏</title>
		<style>
			.nav{
			height: 41px;
			background-color: #FCFCFC;
			border-top: 3px solid #FF8500;
			border-bottom: 1px solid #EDEEF0;
			
		}
		.nav a{
			display:inline-block;
			height:41px;
			line-height:41px;
			background-color:#FFF;
			color:#4C4C4C;
			padding:0 20px;
			
			
			text-decoration:none;
			font-size:12px;
		}
		.nav a:hover{
			
			background-color: #eee;
		}
		</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>