课程代码
This commit is contained in:
62
web_test/test5/public/index.css
Normal file
62
web_test/test5/public/index.css
Normal file
@@ -0,0 +1,62 @@
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
box-sizing: border-box;
|
||||
font-size: 24px;
|
||||
}
|
||||
|
||||
.container {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
height: 100vh;
|
||||
}
|
||||
|
||||
header {
|
||||
background-color: #9a9bb4;
|
||||
height: 80px;
|
||||
line-height: 80px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
main {
|
||||
background-color: blue;
|
||||
flex: 1;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
main nav {
|
||||
background-color: #9a9bb4;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.content {
|
||||
background-color: #e8d5d5;
|
||||
/* width: 500px; */
|
||||
margin-left: auto;
|
||||
text-align: center;
|
||||
flex-direction: column;
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
|
||||
.clearfiexd::after {
|
||||
content: "";
|
||||
height: 0;
|
||||
display: block;
|
||||
clear: both;
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
.content img {
|
||||
width: 500px;
|
||||
}
|
||||
|
||||
.content button {
|
||||
margin-top: 20px;
|
||||
margin-right: 20px;
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
footer {
|
||||
text-align: center;
|
||||
}
|
||||
Reference in New Issue
Block a user