小导航栏

最新推荐文章于 2021-09-09 17:03:59 发布

为什么戴帽子？

最新推荐文章于 2021-09-09 17:03:59 发布

阅读量1k

点赞数

分类专栏：学习记录文章标签： html css

本文链接：https://blog.csdn.net/weixin_42863585/article/details/114988062

版权

学习记录专栏收录该内容

5 篇文章 0 订阅

订阅专栏

简单导航栏
小导航栏

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<title>docment</title>
	<style type="text/css">
	*{
		margin: 0;
		padding: 0;
		text-decoration: none;
		list-style: none;
		font-size: 20px;
		font-weight: bold;
		color: #f40;
	}

	a{
		color: #f40;
	}

	a:hover{
		color: rgb(255,255,255);
	}

	li{
		margin: 0 15px;
		float:left;
		line-height: 30px;
		padding: 0 10px;
	}

	li:hover{
		background-color: #f40;
		border-radius: 20px;	
	}
	</style>
</head>
<body>
	<ul>
		<li>
			<a href="https://www.taobao.com">淘宝</a>
		</li>
		<li>
			<a href="https://www.jd.com">聚划算</a>
		</li>
		<li>
			<a href="https://www.baidu.com">天猫超市</a>
		</li>
	</ul>
</body>
</html>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

为什么戴帽子？

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
小导航栏

<!DOCTYPE html><html lang="en"><head> <meta charset="utf-8"> <title>docment</title> <style type="text/css"> *{ margin: 0; padding: 0; text-decoration: none; list-style: none; font-size: 20px; font
复制链接

扫一扫