侧边导航效果
工作中无论你学习什么语言,想要做出来漂亮的系统,必然要用到前端知识,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;<