<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>未来信息学院</title>
</head>
<body>
<style type="text/css">
body,h2{
margin: 0;/*不要外边距*/
padding: 0;/*不要内边距*/
}
body{
font-family: 微软雅黑;
font-size: 14px;
color: #000;
}
a{
text-decoration: none;
}
#row{
width: 120px;
height: 120px;
margin: 20px auto;
}
.rowL,.rowM{
width: 374px;
height: 170px;
border: 1px solid #1c4ba9;
float: left;
padding-left: 10px;
background-color: #fff;
}
.rowM{
margin-left: 18px;
}
.row h2{
width: 374px;
height: 40px;
line-height: 40px;
color: #1c4ba9;
font-size: 24px;
font-weight: normal;
}
.cont a{
line-height: 26px;
color:#666;
}
.cont a:hover{
color: #1c4ba9;
}
</style>
<div id="row">
<div class="rowL">
<h2>教学系部</h2>
<div class="cont">
<a href="#" target="_blank">电子与通信系</a>
<a href="#" target="_blank">软件与大数据系</a>
<a href="#" target="_blank">数字媒体系</a>
<a href="#" target="_blank">智能制造系</a>
<a href="#" target="_blank">现代服务系</a>
<a href="#" target="_blank">经济与管理系</a>
<a href="#" target="_blank">基础教学部</a>
<a href="#" target="_blank">士官学院</a>
</div>
</div>
<div class="rowM">
<h2>专题站点</h2>
<div class="cont">
<a href="#" target="_blank">信院文明网</a>
<a href="#" target="_blank">语言文字工作专题</a>
<a href="#" target="_blank">教学辅助平台</a>
<a href="#" target="_blank">人才培养数据采集</a>
<a href="#" target="_blank">省级品牌专业群</a>
</div>
</div>
<div class="rowM">
<h2>热点导航</h2>
<div class="cont">
<a href="#" target="_blank">党史学习</a>
<a href="#" target="_blank">精品课程</a>
<a href="#" target="_blank">教务管理系统</a>
<a href="#" target="_blank">特色专业</a>
<a href="#" target="_blank">教学团队</a>
<a href="#" target="_blank">空中乘务</a>
</div>
</div>
</div>
</body>
</html>
作业111
最新推荐文章于 2024-06-14 23:48:57 发布