纯 Html5+Css 实现漂亮的侧边导航

最新推荐文章于 2022-07-14 10:06:09 发布

北极星♛

最新推荐文章于 2022-07-14 10:06:09 发布

阅读量2.8k

点赞数 4

文章标签： html css css3 html5

本文链接：https://blog.csdn.net/m0_49526063/article/details/117512970

版权

侧边导航效果

工作中无论你学习什么语言，想要做出来漂亮的系统，必然要用到前端知识，Html5+Css是最基本的前端知识。下面我做了一个简单的侧边导航，效果图如下：
在这里插入图片描述
“水果”这个小模块我做成了红色背景，可以当作主目录。
当你鼠标滑过的时候背景块会变成紫色，文字变成白色，鼠标会变成小手形状。

导航完整代码在这：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>侧边导航实列</title>
		<style>
			.wp{
   
				width: 120px;
				margin: 0 left;
				background-color: white;
			}		
			.snv a{
   
				display: block;

最低0.47元/天解锁文章

北极星♛

关注

4
点赞
踩
17

收藏

觉得还不错? 一键收藏
0
评论
纯 Html5+Css 实现漂亮的侧边导航

侧边导航效果工作中无论你学习什么语言，想要做出来漂亮的系统，必然要用到前端知识，Html5+Css是最基本的前端知识。下面我做了一个简单的侧边导航，效果图如下：“水果”这个小模块我做成了红色背景，可以当作主目录。当你鼠标滑过的时候背景块会变成紫色，文字变成白色，鼠标会变成小手形状。导航完整代码在这：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>侧边导航实
复制链接

扫一扫