yang/Flowerpot
1
0
Fork 0
mirror of https://github.com/JasonYANG170/Flowerpot.git synced 2024-11-23 12:06:35 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Update style1.css

Browse Source
This commit is contained in:
JasonYANG17 2023-03-31 14:03:51 +08:00 committed by GitHub
parent 1141e532cd
commit a3fe52be52
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 103 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

113
style1.css
View File

@ -11,13 +11,16 @@ body {
header { header {
background-color: aqua; background-color: aqua;
border: 1px solid black; border: 1px solid black;
padding: 10px; padding:10px;
margin-bottom: 10px;
} }
headerm { header2 {
background-color: pink; background-color: aqua;
color: #fff; border: 1px solid black;
padding: 10px; padding:10px;
margin-bottom: 10px;
} }
h1 { h1 {
margin: 0; margin: 0;
@ -105,21 +108,111 @@ footer {
box{ box{
float: left; float: left;
display: inline-block; display: inline-block;
padding: 2px; padding: 10px;
border: 1px solid blue; border: 1px solid blue;
width: 700px; width: 700px;
height: 450px; height: 450px;
margin-right: 5px; margin-right: 5px;
margin-left: 5px; margin-left: 20px;
margin-bottom: 20px; margin-bottom: 20px;
border-radius: 30px;
} }
box2{ box2{
width: 10px; float: right;
border-bottom: 1px solid blue; display: inline-block;
width: 200px;
height: 150px;
background-image: url("pic/IMG_20230322_121249.jpg");
background-size: 100%;
border: 1px solid blue;
margin-right: 5px;
padding: 1px;
}
box21 {
float: right;
display: inline-block;
width: 255px;
height: 150px;
background-image: url("pic/1679411563600.png");
background-size: 100%;
border: 1px solid blue;
margin-right: 5px;
padding: 1px;
}
box22{
float: right;
display: inline-block;
width: 200px;
height: 250px;
background-image: url("pic/1679411782998.jpg");
background-size: 100%;
border: 1px solid blue;
margin-right: 5px;
padding: 1px;
}
box23{
float: right;
display: inline-block;
width: 330px;
height: 250px;
background-image: url("pic/1679412944166.jpg");
background-size: 100%;
border: 1px solid blue;
margin-right: 5px;
padding: 1px;
}
box24{
float: right;
display: inline-block;
width: 430px;
height: 250px;
background-image: url("pic/1679413146605.png");
background-size: 100%;
border: 1px solid blue;
margin-right: 5px;
padding: 1px;
}
box4{
float: left;
display: inline-block;
padding: 10px;
border-bottom:1px solid blue ;
border-left:1px solid blue ;
width: 745px;
height: 400px;
margin-bottom: 20px;
}
box3{
float: left;
display: inline-block;
padding: 10px;
border-top: 1px solid blue;
border-bottom:1px solid blue ;
border-left:1px solid blue ;
width: 490px;
height: 400px;
} }
clear{ clear{
clear: both; clear: both;
display: block; display: block;
} }