加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
文件
克隆/下载
index.html 2.03 KB
一键复制 编辑 原始数据 按行查看 历史
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>lucky-lottery</title>
<link rel="stylesheet" type="text/css"
href="css/bootstrap.min.css" crossorigin="anonymous"/>
<style>
body {
background-image: url('images/bg-2.jpg') ;
background-size: cover;
background-repeat: no-repeat;
color: orange;
}
.title{
text-align: center;
margin: 30px 0;
content: ' ';
margin-top:50px;
}
.sub-title {
text-align: center;
}
.reward {
text-align: center;
height:50px;
line-height: 50px;
}
.timer {
text-align: center;
height:30px;
line-height: 30px;
}
.reward-pepole {
margin:auto;
text-align: center;
font-size: 16px;
line-height: 24px;
margin-top: 60px !important;
}
.col-12 {
font-size:64px;
line-height: 72px;
}
.col-6 {
font-size:36px;
line-height: 64px;
}
.col-4 {
font-size:28px;
line-height: 48px;
}
.col-3 {
font-size:20px;
line-height: 32px;
}
.col-2 {
font-size:24px;
line-height: 36px;
}
.col-1 {
font-size:16px;
line-height: 24px;
}
@keyframes timer
{
from {
font-size: 24px;
}
to {
font-size: 100px;
}
}
</style>
</head>
<div class="container">
<div class="row">
<h2 class="title"></h2>
<h1 class="sub-title"></h1>
</div>
<div class="container">
<h2 class="reward"></h2>
<div id="reward-area" class="reward-pepole row">
<div class="col-md-12 col-12">
<h1>开始抽奖</h1>
</div>
</div>
</div>
<body>
<script src="index.js"></script>
</body>
</html>
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化