update css
This commit is contained in:
parent
3f88126301
commit
ade03745c0
15
index.css
15
index.css
@ -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;
|
||||
}
|
@ -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>
|
||||
|
Loading…
Reference in New Issue
Block a user