游戏
<!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: 30px;
margin:auto;
border: 5px solid red;
border-radius: 15%;
color: brown;
background-color: beige;
box-shadow: 10px 10px 10px gray;
text-align: center;
line-height: 2;}
span:hover{
color: bisque;
}
span:hover{
width: 100px;
height: 100px;
border-color:black;
border-width: 2px;
border-style: double;
}
</style>
</head>
<body>
<div>
<span><b>游戏1</b></span>
<span><b>游戏1</b></span>
<span><b>游戏1</b></span>
<span><b>游戏1</b></span>
<span><b>游戏1</b></span>
<span><b>游戏1</b></span>
<span><b>游戏1</b></span>
<span><b>游戏1</b></span>
<span><b>游戏1</b></span>
</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>
body,div,dl,dt,p,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,th,td {
padding:0;
margin:0 auto; font-family:"微软雅黑"}
.wapbg{ background:url(jjkjj); height:446px;}
.wap{ margin:0 auto; width:955px;}
.top{ height:150px; padding-left:85px;}
.middle{ height:296px;no-repeat; height:296px;position:relative; width:955px;}
.dl{width:312px;height:230px;position:absolute;right:60px;top:30px}
.dlti{font-size:24px;color:#333;position:absolute;top:5px;
}
.dlmi{ float:left; width:312px; line-height:45px;font-size:17px;color:#333;position:absolute;top:70px;}
.dlmi input{ float:right; height:28px; width:228px; border:1px solid #DDDDDD;position:absolute;left:77px;}
.dlj{ color:#666;position:absolute;top:180px;left:77px;width: 113px;}
.dlau{position:absolute;left:205px;top:171px;height:45px;width:45px;font-size:16px;
}
.dlau1{position:absolute;left:263px;top:171px;height:45px;width:45px;font-size:16px;}
.end{position:absolute;font-size:15px;color:#999;float:left;width:809px;left: 85px;top: 304px;
}
.end span{float:right;}
.end span a{ color:#999; text-decoration:none;}
</style>
</head>
</head>
<body>
<body>
<form action="jjkjj" method="post" id="Form1" name="Form1" onsubmit="return submitForm1();">
<div class="wapbg">
<div class="wap">
<div class="top">
<img style="padding-top:80px" src="./image.png" width="474px" height="61px">
</div>
<div class="middle">
<div><img src="./image3.png" ></div>
<div class="dl"><div class="dlti">用户登录</div>
<div class="dlmi">
<p>用户名:</p>
<input type="text" id="userAccount" value style="position:absolute; top:7px;">
<p>密码:</p>
<input type="password" id="userPassword" value style="position:absolute; top:54px;">
<input type="hidden" id="encoded" name="encoded">
<font style="display: inline;white-space:nowrap;" color="red"></font>
</div>
<div class="dlj" style="display:none;"><input style="margin-right:5px;" name="jzmmid" id="jzmmid" type="checkbox" value="1">记住用户名</div>
<input type="submit" id="btnSubmit" class="dlau" title="点击登录" value style="border: 0px;background: url(./image\ copy.png) no-repeat;margin-left:35px">
<div class="dlau1" style="margin-left:35px">
<img src="./image2.png" >
</div>
</div><div class="end">湖南强智科技发展有限公司 版权所有
<span><a href="#">隐私声明</a>|<a href="#">设为首页</a></span>
</div>
</div></div></div>
</form>
</body>
</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>
[class]{
border-width: 0px;
border-color: black;
border-style: solid;
line-height: 3;
background-color:rgba(0, 0, 255, 0.726);
align-self: center;
}
span:hover{
background-color: aqua;
}
span{
position:relative;
display:inline-block;
color: aliceblue;
left: 80px;
}
p{
position: relative;
left: 400px;
color: gray;
}
</style>
</head>
<body>
<tbody id="tb">
<tr>
<td>
<td height="75px" align="middle">
<img style="display: ;"id="imglogo" src="./image.png" >
</td>
</td>
</tr>
<br>
<div class="" >
<span> <b>我的桌面</b></span>
<span><b>学籍成绩</b></span>
<span><b>培养管理</b></span>
<span><b>考试报名</b></span>
<span><b>教学评价</b></span>
</div>
<div id="list">
<table border="0px" width="1200px" height="600px" >
<tr>
<td rowspan="2" colspan="2"><img src="./个人信息.png" alt=""></td>
<!-- <td></td> -->
<td rowspan="2"><img src="./选课中心.png" alt=""></td>
<td><img src="./学生评教.png" alt=""></td>
<td colspan="2"><img src="./已收留言.png" alt=""></td>
<!-- <td></td> -->
</tr>
<tr>
<!-- <td></td>
<td></td> -->
<!-- <td></td> -->
<td><img src="./培养方案.png" alt=""></td>
<td colspan="2"><img src="./已收公告.png" alt=""></td>
<!-- <td></td> -->
</tr>
<tr>
<td><img src="./课程成绩查询.png" alt=""></td>
<td><img src="./教学周历.png" alt=""></td>
<td><img src="./授课计划查询.png" alt=""></td>
<td><img src="./未获得学分成绩查询.png" alt=""></td>
<td><img src="./1.png" alt=""></td>
<td><img src="./修改密码.png" alt=""></td>
</tr>
</table>
</div><hr>
<p>Copyright (C) 湖南强智科技发展有限公司 All Rights Reserved 湘ICP 备12010071号</p >
</tbody>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>教务系统附加2</title>
</head>
<style>
[class]{
border-width: 0px;
border-color: black;
border-style: solid;
line-height: 3;
background-color:rgba(0, 0, 255, 0.726);
align-self: center;
}
span:hover{
background-color: aqua;
}
span{
position:relative;
display:inline-block;
color: aliceblue;
left: 80px;
}
.navigation,.text{
height: 650px;
/* border: 1px solid red; */
float: left;
}
/* 分布局 */
.navigation{
width: 18%;
background-color: white;
}
.text{
width: 78%;
margin-left: 20px;
background-color: white;
}
.xue:hover{
background-color: blueviolet
}
}
</style>
<body>
<body>
<tbody id="tb">
<tr>
<td>
<td height="75px" align="middle">
<img style="display: ;"id="imglogo" src="./image.png" >
</td>
</td>
</tr>
<br>
<div class="" >
<span> <b>我的桌面</b></span>
<span><b>学籍成绩</b></span>
<span><b>培养管理</b></span>
<span><b>考试报名</b></span>
<span><b>教学评价</b></span>
</div>
<div class="navigation">
<div>教学评价</div>
<div class="xue">学生评价</div>
</div>
<div class="text">
首页 » 教学评价 » 学生评价
<img src="./微信图片.png" alt="">
</div>
</body>
</html>