wcx/wolegca.github.io
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

update css

Browse Source
This commit is contained in:
wolegca 2019-09-09 18:11:41 +08:00
parent 3f88126301
commit ade03745c0
2 changed files with 19 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
index.css
View File

@ -16,7 +16,7 @@ body {
} }
.menu-container { .menu-container {
position: relative; position: absolute;
height:100%; height:100%;
float:left; float:left;
width:100%; width:100%;
@ -27,3 +27,16 @@ body {
text-decoration: none; text-decoration: none;
list-style: none; list-style: none;
} }
.menu-button {
height:50px;
width:50px;
display: block;
}
.menu-button span{
display:block;
width:40px;
height:10px;
margin:5px auto;
}

7
index.html
View File

@ -1,18 +1,21 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="zh"> <html lang="zh">
<head> <head>
<link href="https://cdn.bootcss.com/twitter-bootstrap/4.2.1/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="index.css"> <link rel="stylesheet" href="index.css">
<title>title</title> <title>title</title>
<head> <head>
<body> <body>
<div class="menu-container"> <div class="menu-container">
<div class="menu-button">
<span></span>
<span></span>
<span></span>
</div>
<ul> <ul>
<li><a href="/">首页</a></li> <li><a href="/">首页</a></li>
<li><a href="javascript:void(0);">关于</a></li> <li><a href="javascript:void(0);">关于</a></li>
</ul> </ul>
</div> </div>
<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script> <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script>
<script src="https://cdn.bootcss.com/twitter-bootstrap/4.2.1/js/bootstrap.min.js"></script>
</body> </body>
</html> </html>