update css

This commit is contained in:
wolegca 2019-09-09 17:57:54 +08:00
parent cce54559f6
commit f65515bc12
2 changed files with 21 additions and 2 deletions

View File

@ -8,8 +8,22 @@ body {
margin: 0; margin: 0;
padding: 0; padding: 0;
min-height: 100%; min-height: 100%;
position:relative;
background-image: url(/star-catcher-astronaut-catching-stars-for-research-astronaut.jpg); background-image: url(/star-catcher-astronaut-catching-stars-for-research-astronaut.jpg);
background-size: cover; background-size: cover;
background-repeat: repeat-y; background-repeat: repeat-y;
background-position: center background-position: center
} }
.menu-container {
position: relative;
height:100%;
float:left;
width:100%;
}
.menu-container ul {
display: block;
text-decoration: none;
}

View File

@ -2,11 +2,16 @@
<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 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></div> <div class="menu-container">
<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/jquery/3.3.1/jquery.js"></script>
<script src="https://cdn.bootcss.com/twitter-bootstrap/4.2.1/js/bootstrap.min.js"></script> <script src="https://cdn.bootcss.com/twitter-bootstrap/4.2.1/js/bootstrap.min.js"></script>
</body> </body>