update css

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

View File

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

View File

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