糖尿病康复，内容丰富有趣，生活中的好帮手！
糖尿病康复XML网站地图
全站
首页 糖尿病 养生 自闭症 失眠 抑郁症 抗癌 肿瘤 肾病 乙肝 精神分裂 减肥 育儿
推荐专题：
糖尿病康复 > zy web

zy web

时间：2022-10-12 21:04:18

相关推荐

zy web

使用html+css制作学校官网

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title></title>

<style>

* {

margin: 0;

padding: 0;

}

.container {

text-align: center;

}

.nav {

height: 43px;

background-image: url("./img/nav-bg.jpg");

background-repeat: repeat-x;

}

.nav>ul {

width: 1200px;

margin: auto;

list-style: none;

}

.nav li {

float: left;

line-height: 43px;

padding: 0 20px;

background-image: url("./img/nav-g.jpg");

background-repeat: no-repeat;

background-position: right;

}

.nav li:last-child {

background-image: none;

}

.nav a {

color: white;

text-decoration: none;

}

.nav li:hover>a {

color: red;

}

.menu {

position: absolute;

/* display: none; */

background-color: #eee;

/* padding: 0 10px; */

margin-left: -10px;

display: none;

}

.menu>div {

border-bottom: 1px solid #ccc;

padding: 0 10px;

line-height: 30px;

}

.nav li:hover .menu {

display: block;

}

.image-content {

width: 1170px;

height: 500px;

background-image: url("./img/233ngea9mg.jpg");

margin: 0 auto;

}

.text-content {

width: 1170px;

margin: 0 auto;

}

.second-nav {

width: 810px;

height: 25px;

background-image: url("img/nav-2-bg.png");

}

.second-nav>div {

float: left;

width: 132px;

font-size: 13px;

color: white;

line-height: 25px;

}

.second-nav>div::after {

content: "|";

margin-left: 15px;

}

.second-nav>div:last-child::after {

content: "";

}

.left {

width: 810px;

/* border: 1px solid rebeccapurple; */

}

.left-text,

.right-text {

float: left;

width: 48%;

}

.right-text {

float: right;

}

.text-news>div {

padding: 4px 0;

font-size: 12px;

text-align: left;

border-bottom: 1px dashed #ccc;

font-weight: 300;

}

.text-news>div::before {

content: "";

display: inline-block;

background-image: url("img/ico_001.gif");

width: 6px;

height: 7px;

}

.text-news a {

color: black;

text-decoration: none;

}

.text-news img {

vertical-align: middle;

}

.text-news span {

float: right;

}

.text-news>div:first-child::before {

background: none;

width: 0;

}

.text-news>div:first-child>a {

line-height: 30px;

color: darkred;

font-size: 13px;

float: right;

}

.text-news>div:first-child>a:hover {

color: orange;

}

.left {

height: 800px;

/* border: 4px solid red; */

}

.right {

width: 320px;

/* height: 300px; */

border: 4px solid bluse;

float: right;

}

.video{

background: url("img/28289pe9gb.jpg ");

background-repeat: no-repeat;

background-size: 100%;

width: 320px;

height: 240px;

float: left;

position: relative;

}

.video-con{

position: absolute;

bottom:0px;

right: 0px;

}

.video-con > a{

display: inline-block;

background-color: #ccc;

width: 35px;

height: 35px;

text-align: center;

line-height: 35px;

}

.xizong {

background-image: url("img/xizong.jpg");

width: 100%;

height: 65px;

margin-top: 455px;

}

.ten_pic {

margin-top: 15px;

float: left;

}

.ten_pic > a > img {

width: 157px;

}

.bottom_text {

height: 30px;

width: 810px;

margin-top: 110px;

}

.leftbottom_text > span {

color: brown;

width: 13.7%;

font-size: 12px;

display: inline-block;

}

.right_pic {

margin-top: 280px;

}

.right_pic > img:first-child {

float: left;

}

.right_pic > img:last-child {

width: 100%;

}

.bottom_bg {

height: 130px;

background-image: url("img/bottom-bg.jpg");

margin-top: 800px;

background-repeat: repeat-x;

}

.bottom_text {

margin: auto;

width: 1500px;

height: 25px;

font-size: 18px;

line-height: 25px;

font-size: 15px;

}

.bottom {

height: 60px;

background-color: #485c7c;

line-height: 60px;

color: gray;

font-size: 15px;

}

.bottom > a {

text-decoration: none;

color: black;

}

</style>

</head>

<body>

<div class="container">

<img class="logo" src="./img/logo.jpg" alt="">

<div class="nav">

<ul>

<li><a href="#">首页</a></li>

<li>

<a href="#">学院概况</a>

<div class="menu">

<div>简介</div>

<div>风光</div>

<div>服务</div>

<div>表示</div>

</div>

</li>

<li>

<a href="#">教学科研</a>

<div class="menu">

<div>教务管理</div>

<div>科研管理</div>

<div>素质教育</div>

<div>优质课程</div>

</div>

</li>

<li><a href="#">综改评建</a></li>

<li><a href="#">国际交流</a></li>

<li>

<a href="#">招生</a>

<div class="menu">

<div>本专科招生</div>

</div>

</li>

<li><a href="#">就业</a></li>

<li><a href="#">学院设置</a></li>

<li><a href="#">学子风采</a></li>

<li><a href="#">信息公开</a></li>

<li><a href="#">公共服务</a></li>

<li><a href="#">队伍建设</a></li>

</ul>

</div>

<div class="image-content"></div>

<div class="text-content">

<div class="second-nav" style="float: left;">

<div>学生工作部</div>

<div>团委 学联 社团</div>

<div>教务管理系统</div>

<div>校长书记信箱</div>

<div>高校网络理政平台</div>

<div>本专科招生</div>

</div>

<div class="search-bar" style="text-align: right;">

<form action="#" method="get" enctype="text/plain">

搜索:

<input type="text" name="search">

<button>提交</button>

</form>

</div>

<div class="left" style="float: left">

<div class="left-text">

<div class="text-news">

<div><img src="img/title-news.jpg" alt=""><a href="#">更多>></a></div>

<div><a href="#">外国语学院两支队伍获“亿学杯”大赛高职组...</a><img src="./img/imgbz.gif"

alt=""><span>/09/22</span></div>

<div><a href="#">外国语学院两支队伍获“亿学杯”大赛高职组...</a><img src="./img/imgbz.gif"

alt=""><span>/09/22</span></div>

<div><a href="#">外国语学院两支队伍获“亿学杯”大赛高职组...</a><img src="./img/imgbz.gif"

alt=""><span>/09/22</span></div>

<div><a href="#">外国语学院两支队伍获“亿学杯”大赛高职组...</a><img src="./img/imgbz.gif"

alt=""><span>/09/22</span></div>

<div><a href="#">外国语学院两支队伍获“亿学杯”大赛高职组...</a><img src="./img/imgbz.gif"

alt=""><span>/09/22</span></div>

<div><a href="#">外国语学院两支队伍获“亿学杯”大赛高职组...</a><img src="./img/imgbz.gif"

alt=""><span>/09/22</span></div>

<div><a href="#">外国语学院两支队伍获“亿学杯”大赛高职组...</a><img src="./img/imgbz.gif"

alt=""><span>/09/22</span></div>

</div>

<div class="text-news">

<div><img src="img/title-news.jpg" alt=""><a href="#">更多>></a></div>

<div><a href="#">外国语学院两支队伍获“亿学杯”大赛高职组...</a><img src="./img/imgbz.gif"

alt=""><span>/09/22</span></div>

<div><a href="#">外国语学院两支队伍获“亿学杯”大赛高职组...</a><img src="./img/imgbz.gif"

alt=""><span>/09/22</span></div>

<div><a href="#">外国语学院两支队伍获“亿学杯”大赛高职组...</a><img src="./img/imgbz.gif"

alt=""><span>/09/22</span></div>

<div><a href="#">外国语学院两支队伍获“亿学杯”大赛高职组...</a><img src="./img/imgbz.gif"

alt=""><span>/09/22</span></div>

<div><a href="#">外国语学院两支队伍获“亿学杯”大赛高职组...</a><img src="./img/imgbz.gif"

alt=""><span>/09/22</span></div>

<div><a href="#">外国语学院两支队伍获“亿学杯”大赛高职组...</a><img src="./img/imgbz.gif"

alt=""><span>/09/22</span></div>

<div><a href="#">外国语学院两支队伍获“亿学杯”大赛高职组...</a><img src="./img/imgbz.gif"

alt=""><span>/09/22</span></div>

</div>

</div>

<div class="right-text">

<div class="text-news">

<div><img src="img/title-news.jpg" alt=""><a href="#">更多>></a></div>

<div><a href="#">外国语学院两支队伍获“亿学杯”大赛高职组...</a><img src="./img/imgbz.gif"

alt=""><span>/09/22</span></div>

<div><a href="#">外国语学院两支队伍获“亿学杯”大赛高职组...</a><img src="./img/imgbz.gif"

alt=""><span>/09/22</span></div>

<div><a href="#">外国语学院两支队伍获“亿学杯”大赛高职组...</a><img src="./img/imgbz.gif"

alt=""><span>/09/22</span></div>

<div><a href="#">外国语学院两支队伍获“亿学杯”大赛高职组...</a><img src="./img/imgbz.gif"

alt=""><span>/09/22</span></div>

<div><a href="#">外国语学院两支队伍获“亿学杯”大赛高职组...</a><img src="./img/imgbz.gif"

alt=""><span>/09/22</span></div>

<div><a href="#">外国语学院两支队伍获“亿学杯”大赛高职组...</a><img src="./img/imgbz.gif"

alt=""><span>/09/22</span></div>

<div><a href="#">外国语学院两支队伍获“亿学杯”大赛高职组...</a><img src="./img/imgbz.gif"

alt=""><span>/09/22</span></div>

</div>

<div class="text-news">

<div><img src="img/title-news.jpg" alt=""><a href="#">更多>></a></div>

<div><a href="#">外国语学院两支队伍获“亿学杯”大赛高职组...</a><img src="./img/imgbz.gif"

alt=""><span>/09/22</span></div>

<div><a href="#">外国语学院两支队伍获“亿学杯”大赛高职组...</a><img src="./img/imgbz.gif"

alt=""><span>/09/22</span></div>

<div><a href="#">外国语学院两支队伍获“亿学杯”大赛高职组...</a><img src="./img/imgbz.gif"

alt=""><span>/09/22</span></div>

<div><a href="#">外国语学院两支队伍获“亿学杯”大赛高职组...</a><img src="./img/imgbz.gif"

alt=""><span>/09/22</span></div>

<div><a href="#">外国语学院两支队伍获“亿学杯”大赛高职组...</a><img src="./img/imgbz.gif"

alt=""><span>/09/22</span></div>

<div><a href="#">外国语学院两支队伍获“亿学杯”大赛高组...</a><img src="./img/imgbz.gif"

alt=""><span>/09/22</span></div>

<div><a href="#">外国语学院两支队伍获“亿学杯”大赛高职组...</a><img src="./img/imgbz.gif"

alt=""><span>/09/22</span></div>

</div>

</div>

<div class="xizong"></div>

<div class="ten_pic">

<a href="#"><img src="img/6.jpg"></a>

<a href="#"><img src="img/6.jpg"></a>

<a href="#"><img src="img/6.jpg"></a>

<a href="#"><img src="img/6.jpg"></a>

<a href="#"><img src="img/6.jpg"></a>

<a href="#"><img src="img/6.jpg"></a>

<a href="#"><img src="img/6.jpg"></a>

<a href="#"><img src="img/6.jpg"></a>

<a href="#"><img src="img/6.jpg"></a>

<a href="#"><img src="img/6.jpg"></a>

</div>

<div class="leftbottom_text">

<span>教育部网站</span>

<span>四川省教育厅</span>

<span>中国教研网</span>

<span>中国教育新闻网</span>

<span>中国大学生在线</span>

<span>图书管理系统</span>

<span>校内网</span>

</div>

</div>

<div class="right">

<div style="float: left;"><img src="img/title-news.jpg" alt=""></div>

<div class="video">

<div class="video-con">

<a href="">1</a>

<a href="">2</a>

<a href="">3</a>

<a href="">4</a>

<a href="">5</a>

</div>

</div>

<div class="right_pic">

<img src="img/title-news.jpg" alt="">

<a href="#"><img src="./img/zt_zf.jpg" alt=""></a>

<a href="#"><img src="./img/zt_8.jpg" alt=""></a>

<a href="#"><img src="./img/zt_7.jpg" alt=""></a>

<a href="#"><img src="./img/zt_4.jpg" alt=""></a>

<a href="#"><img src="./img/zt_22.png" alt=""></a>

<img src="./img/g_f_e_w_m_.png" alt="">

</div>

</div>

</div>

<div class="bottom_bg"></div>

<div class="bottom_text">

&nbsp;&nbsp;&nbsp;联系电话：61565000（校办）

&nbsp;&nbsp;&nbsp;61566000（校办）

&nbsp;&nbsp;&nbsp;028-61560112（招办）

&nbsp;&nbsp;&nbsp;&nbsp;61560113（招办）

&nbsp;&nbsp;&nbsp;61565148

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;传真：028-61565128

</div>

<div class="bottom">

学校地址：成都市金堂县学府大道278号（邮编610401） 成都文理学院版权所有&nbsp;

<a href="#">蜀ICP备11012699号</a>&nbsp;

<img src="img/13flxkue78.png" alt="">

<a href="#">川公网安备 51012102000211号</a>

</div>

</div>

</body>

</html>

如果觉得《zy web》对你有帮助，请点赞、收藏，并留下你的观点哦！

本内容不代表本网观点和政治立场，如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法，并不表明网站立场。
相关阅读
【zy】ZY有多少意思 组成的词有多少?

【zy】ZY有多少意思 组成的词有多少?

2019-06-08

ZY膨胀剂 ZY-type expansive agent英语短句 例句大全

ZY膨胀剂 ZY-type expansive agent英语短句 例句大全

2022-07-20

zy组词语

zy组词语

2020-11-23

zy什么意思

zy什么意思

2022-06-10

最近发布
脾脏大会引起糖尿病吗？

脾脏大会引起糖尿病吗？

2024-07-14

65岁男性患者出现上肢下肢活动受限及言语不清症状

65岁男性患者出现上肢下肢活动受限及言语不清症状

2024-07-14

糖尿病住院能查出血糖吗？

糖尿病住院能查出血糖吗？

2024-07-14

控制糖尿病：药物和胰岛素之外的饮食调理方法

控制糖尿病：药物和胰岛素之外的饮食调理方法

2024-07-14

2型糖尿病的病因探析：遗传 免疫 化学和病毒因素的作用

2型糖尿病的病因探析：遗传 免疫 化学和病毒因素的作用

2024-07-14

糖尿病最全中医诊疗方案

糖尿病最全中医诊疗方案

2024-07-14

急救救糖尿病昏迷：正确方法和步骤

急救救糖尿病昏迷：正确方法和步骤

2024-07-14

糖尿病腹泻的主要原因有4个方面

糖尿病腹泻的主要原因有4个方面

2024-07-14

了解糖尿病主要症状表现

了解糖尿病主要症状表现

2024-07-14

美国预防医学杂志：说出来你可能不信 和医生握个手就能知道你有没有糖尿病！

美国预防医学杂志：说出来你可能不信 和医生握个手就能知道你有没有糖尿病！

2024-07-14

推荐专题
一型糖尿病病理类型是 糖尿病要吃膳食纤维吗 糖尿病调整脾胃 读一下糖尿病 糖尿病能吃淮扬菜吗 II型糖尿病表现 糖尿病紧急治疗 有糖尿病的药不要打针吧 豆浆有糖尿病能喝吗吗 糖尿病脑血栓腿没劲吗 日照绿茶糖尿病 糖尿病资源群 糖尿病冰红茶 糖尿病应该喝什么中药调理 糖尿病肾病并发低血糖症状
猜你喜欢：
糖尿病可以吃吊杏干吗 青豆糖尿病的人可以吃吗 糖尿病康复保健 饭后抽烟容易糖尿病吗 糖尿病标准对照 引起小孩糖尿病 糖尿病脚胖 糖尿病前期转变 糖尿病会引发干咳嘛 预防糖尿病饮品 血糖偶尔7.6是糖尿病吗 糖尿病脚肿大概花多少钱 糖尿病价格 糖尿病文章推荐 糖尿病最多吃几个鸡蛋白 妊娠期糖尿病导致羊水少 糖尿病熬夜有火怎么办 糖尿病贫血会嗜睡吗头晕 糖尿病天然食物 瘦人糖尿病怎样增肥的 糖尿病能吃猪肉小笼包吗 糖尿病睡觉起来枕头都是汗 施松涛糖尿病 yongchengcao糖尿病 患糖尿病可以性生活吗男 糖尿病的能吃虾吗 糖尿病腹泻口臭吗 蜘蛛果糖尿病 不吃饭的人怎么会得糖尿病 糖尿病咽炎吃什么水果
展开

糖尿病康复 免责声明© 2024 All Rights Reserved.

湘ICP备19021678号网站地图XML

© 2024 All Rights Reserved.

糖尿病康复 免责声明