<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>第二次作业</title>
<style>
div{
width: 600px;
height: 25px;
text-align: center;
border-style: double;
border-color:black;
border-radius: 10px;
box-shadow: 30px 30px 30px gray;
background-color: rgb(82, 77, 77);
color: white;
text-align: center;
}
li{
display: inline-block;
text-shadow:30px 30px 30px white;
}
li:hover{
background-color: rgb(204, 64, 64);
}
</style>
</head>
<body>
<div>
<li>游戏1</li>
<li>游戏2</li>
<li>游戏3</li>
<li>游戏4</li>
<li>游戏5</li>
<li>游戏6</li>
<li>游戏7</li>
<li>游戏8</li>
<li>游戏9</li>
</div>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>第二次作业(1)</title>
<style>
.a{
color: white;
}
.b{
height: 34px;
position:relative ;
top: -50px;
left: 600px;
}
.c{
width: 900px;
}
li{
display: inline-block;
text-align: center;
}
ul{
padding: 0px;
margin: 0px;
height: 30px;
width: 900px;
background-color:rgb(19, 101, 189) ;
}
</style>
</head>
<body>
<!-- 标题 -->
<div>
<div>
<img src="./湘潭大学研究生院.png" alt="" >
<div class="b">
<input type="text" placeholder="关键词" >
<button style="background-color: rgb(19, 101, 189);" >搜索</button>
</div>
</div>
<div class="a">
<ul>
<li>首页</li>
<li>部门介绍</li>
<li>招生管理</li>
<li>培养管理</li>
<li>学位管理</li>
<li>导师队伍</li>
<li>教育管理</li>
<li>研究生会</li>
<li>党建工作</li>
<li>落实全国研究生教育会议精神专栏</li>
</ul>
</div>
</div>
<!-- 图片 -->
<div class="c">
<img src="湘潭大学双一流.png" width="900px">
</div>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>招生管理-湘潭大学研究生院</title>
<style>
div{
display: inline-block;
}
.b{
margin-left: 200px;
color: rgb(37, 139, 218);
}
li{
height: 30px;
display: inline-block;
margin-top: 10px;
}
.e{
margin: auto;
width: 2000px;
height: 50px;
background-color: rgb(23, 67, 213);
color: white;
}
.d:hover{
color: rgb(23, 67, 213);
}
</style>
</head>
<body>
<!-- 第一部分 -->
<div class="c">
<div class="a"><img src="./湘潭大学研究生院.png" alt=""></div>
<div class="b">湘大首页 信息门户<input type="text"><button>搜索</button></div>
</div>
<div class="e" >
<ul>
<li>首页</li>
<li>部门简介</li>
<li>招生管理</li>
<li>培养管理</li>
<li>学位管理</li>
<li>导师队伍</li>
<li>教育管理</li>
<li>研究生会</li>
<li>党建工作</li>
<li>落实全国研究生教育会议精神专栏</li>
</ul>
</div>
<!-- 第二部分 -->
<div>
<img src="./招生图片.png" alt="">
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>湘潭大学研究生报考系统</title>
<style>
.a{
text-align: center;
background-color: white;
border: 1px solid black;
border-radius: 5%;
width: 300px;
height: 230px;
position:relative ;
left: 700px;
top: 150px;
}
.b{
font-size: 20px;
display: inline-block;
margin: 0px;
}
.c{
border: 1px solid gainsboro;
}
.d{
border: 1px solid gainsboro;
}
.f{
border: 1px solid gainsboro;
}
.e{
width: 1200px;
height: 520px;
background-image: url(./湘潭.jpg);
}
/* <option value="1">-请选择招生项目-</option>
<option value="2">硕士研究生复试录取</option>
<option value="3">博士研究生复试录取</option>
<option value="5">全国优秀大学生推免生预报名</option> */
</style>
</head>
<body>
<!-- 第一部分 -->
<div class="">
<img src="./湘潭大学logo.png" alt="">
<div class="b">
<h1>研究生报考服务系统</h1>
</div>
</div>
<!-- 第二部分 -->
<div class="e">
<div class="a">
<div>
<big>欢迎大家报考湘潭大学</big>
</div>
<div class="f">
<span class="input-name">招生项目</span>
<select>
<option value="-1">-请选择招生项目-</option>
<option value="2" selected="">硕士研究生复试录取</option>
<option value="3">博士研究生复试录取</option>
<option value="5">全国优秀大学生推免生预报名</option>
</select>
</div>
<div class="c">
<span class="input-name">用户名</span>
<input type="text" class="input" name="username" id="username" placeholder="输入用户名" autocomplete="off">
</div>
<div class="d">
<span class="input-name">密 码</span>
<input type="password" class="input" name="password" id="password" placeholder="输入密码" autocomplete="off">
</div>
</div>
</div>
</body>
</html>
扫一扫
3536
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
