72 lines
1.8 KiB
HTML
72 lines
1.8 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>最美逆行者</title>
|
|
<link type="text/css" rel="stylesheet" href="index.css">
|
|
<!--<link rel="stylesheet" href="ResetCSS.css">-->
|
|
<style type="text/css">
|
|
.vce h3{
|
|
font-size: 60px;
|
|
text-align: center;
|
|
font-family: 华文行楷;
|
|
position: absolute;
|
|
top: 30px;
|
|
left: 870px;
|
|
/*color: red;*/
|
|
background-image: linear-gradient(to right,black,coral);
|
|
-webkit-background-clip: text;
|
|
color: transparent;
|
|
}
|
|
.vce p{
|
|
position: absolute;
|
|
float: right;
|
|
right: 40px;
|
|
top: 760px;
|
|
font-size: 40px;
|
|
font-family: 方正舒体;
|
|
}
|
|
.vce1{
|
|
width: 100%;
|
|
height: 100%;
|
|
background-image: url("image/82.jpg");
|
|
background-repeat: no-repeat;
|
|
float: left;
|
|
/*background-image: url("image/flag.jpg");*/
|
|
}
|
|
.vce2{
|
|
width: 100%;
|
|
height: 100%;
|
|
background-image: linear-gradient(to right,#ff46e9, peachpuff);
|
|
background-repeat: no-repeat;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="vce1"></div>
|
|
<div class="vce2">
|
|
<div class="vce">
|
|
<h3>致敬新时代最可爱的人</h3>
|
|
<p> -张珂源 张玉玺 周辉 周亮<br><span>     2021.6.8</span></p>
|
|
</div>
|
|
<div class="box">
|
|
<ul class="minbox">
|
|
<li></li>
|
|
<li></li>
|
|
<li></li>
|
|
<li></li>
|
|
<li></li>
|
|
<li></li>
|
|
</ul>
|
|
<ol class="maxbox">
|
|
<li></li>
|
|
<li></li>
|
|
<li></li>
|
|
<li></li>
|
|
<li></li>
|
|
<li></li>
|
|
</ol>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html> |