[+] 404
This commit is contained in:
@@ -0,0 +1,54 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<title>FOF</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div class="four1">Four</div>
|
||||||
|
<div class="oh">Oh</div>
|
||||||
|
<div class="four2">Four</div>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
<style>
|
||||||
|
body
|
||||||
|
{
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
flex-direction: column;
|
||||||
|
height: 100%;
|
||||||
|
font-family: "Microsoft YaHei UI", Avenir, Helvetica, Arial, sans-serif;
|
||||||
|
font-size: 20em;
|
||||||
|
text-transform: uppercase;
|
||||||
|
margin: 0;
|
||||||
|
|
||||||
|
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' \
|
||||||
|
height='50px' width='50px'><text x='0' y='15' font-family='Avenir, Helvetica, Arial, sans-serif' \
|
||||||
|
fill='lightgray' transform='translate(15, 15) rotate(-45)' font-size='10'>肆零肆</text></svg>");
|
||||||
|
}
|
||||||
|
html
|
||||||
|
{
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
.four2, .oh
|
||||||
|
{
|
||||||
|
margin-top: -300px;
|
||||||
|
}
|
||||||
|
.four1
|
||||||
|
{
|
||||||
|
margin-left: -100px;
|
||||||
|
color: #ff8373;
|
||||||
|
}
|
||||||
|
.oh
|
||||||
|
{
|
||||||
|
color: khaki;
|
||||||
|
}
|
||||||
|
.four2
|
||||||
|
{
|
||||||
|
margin-right: -100px;
|
||||||
|
color: cornflowerblue;
|
||||||
|
}
|
||||||
|
|
||||||
|
</style>
|
||||||
|
</html>
|
||||||
@@ -20,6 +20,7 @@
|
|||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
font-family: "Microsoft YaHei UI", Avenir, Helvetica, Arial, sans-serif;
|
font-family: "Microsoft YaHei UI", Avenir, Helvetica, Arial, sans-serif;
|
||||||
|
margin: 0;
|
||||||
}
|
}
|
||||||
html
|
html
|
||||||
{
|
{
|
||||||
|
|||||||
Reference in New Issue
Block a user