<! Doctype html>
<html>
<head>
<meta charset = "utf-8">
<Title> </Title>
<Style Type = "Text/CSS">
* {{{
margin: 0;
padding: 0;
}
/* Box */
.box {
width: 0;
height: 0;
border: 100px solid;
border-color: Red Green Blue Pink;
}
/ * Triangle * /
.box1 {{
width: 0;
height: 0;
/ * Clear the default height and minimum height problem under IE6 * /
overflow: hidden;
font-size: 0;
line-height: 0;
border: 30px solid;
border-color: #000000 transparent transparent transparent;
border-bottom: None;
}
/ * Hollow triangle * /
.box2 {
width: 1REM;
height: 1REM;
border-top: 2px solid #000000;
border-Right: 2px solid #000000;
Transform: Rotate (45Deg);
}
.box3 {{
posity: Relative;
}
.Box3 span {
posity: absolute;
left: 0;
TOP: 0;
}
.Box3 span :: before,
.Box3 span :: after {
content: ""; ";
posity: absolute;
left: 0;
TOP: 0;
width: 0;
height: 0;
border-width: 5px 5px 0;
border-style: solid;
border-color: #ffit transparent;
}
.BOX3 span :: beFore {
TOP: 2px;
border-color: blue transparent;
}
.box4 {{
width: 20px;
height: 20px;
background: yellow;
posity: Relative;
}
.BOX4 I {
width: 0;
height: 0;
border-width: 10px 0 10px 10px;
border-style: solid;
border-color: transparent yellow;
posity: absolute;
left: 0;
TOP: 0;
}
.Box4 .Right_arr {
border-left-color: blue;
left: 1px;
}
.box5 {
width: 20px;
height: 20px;
border: 1px solid #000;
posity: Relative;
}
.Box5 I {
posity: absolute;
left: 0;
TOP: 0;
width: 0;
height: 0;
border: 10px solid;
border-color: #ffit transparent;
border-bottom: None;
}
.Box5 .down_arr {
border-top-color: red;
Top: 1px;
}
</style>
</head>
<body>
<!-Triangle->
<div class = "box"> </div> <br>
<div class = "box1"> </div> <br>
<div class = "box2"> </div> <br>
<div class = "box3">
<span> </span>
</div>
<br>
<!-Right arrow->
<div class = "box4">
<i class = "right_arr"> </i>
<i> </i>
</div> <br>
<! --- The arrows->
<div class = "box5">
<i class = "down_arr"> </i>
<i> </i>
</div>
</body>
</html>Bugku CTF Web (Question 10-15)
2023-01-19
ES