炫酷的网页效果离不开网页各个部分的高、宽、距离。正在学习!ヾ(◍°∇°◍)ノ゙~~~~~加油
目录
代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>楼梯间效果</title>
<style>
body {
margin: 0;
padding: 0;
}
.part {
height: 400px;
}
.part1 {
background: pink;
}
.part2 {
background: hotpink;
}
.part3 {
background: plum;
}
.part4 {
background: hotpink;
}
.sidenav {
width: 50px;
height: 60px;
position: fixed;
top: 100px;
right: 0px;
}
.sidenav-list li {
list-style: none;
}
.curr {
background: #e4393c;