HTML/CSS编写五彩导航

最新推荐文章于 2023-05-12 09:07:33 发布

今天少吃一点

最新推荐文章于 2023-05-12 09:07:33 发布

阅读量3.2k

点赞数 2

本文链接：https://blog.csdn.net/m0_58822480/article/details/117752510

版权

这篇博客介绍了如何使用HTML和CSS编写一个具有五彩效果的导航菜单。当鼠标悬停在图标上时，图标会呈现出不同的颜色变化。

摘要由CSDN通过智能技术生成

代码：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>五彩导航</title>
		<style type="text/css">
			.nav .one:link{
     
				display: inline-block;
				width:120px;
				height:58px;
				background:url("bg1.png");
				text-decoration: none;
				text-align: center;
				line-height:50px;
			}