css制作简单导航栏

gentleman4

已于 2022-07-02 18:31:39 修改

阅读量813

点赞数

文章标签： css 前端 javascript

于 2022-07-02 18:29:59 首次发布

本文链接：https://blog.csdn.net/apple_52826096/article/details/125576275

版权

<style >
		body{
			margin: 0px;
		}
		a{
			display: block;
			width: 200px;
			height: 30px;
			background-color: deepskyblue;
			text-indent: 2em;
			text-decoration: none;
			color: black;
			line-height: 1.875rem;
			
		}
		a:hover{
			background-color: antiquewhite;
		}
		
		</style>

<body>
		<a href="#">手机 电话卡</a>
		<a href="#">电视 盒子</a>
		<a href="#">笔记本 平板</a>
		<a href="#">出行 穿戴</a>
		<a href="#">智能家具</a>
		<a href="#">健康生活</a>
		<a href="#">居家</a>
		
		
	</body>