烟台大学官网静态图

最新推荐文章于 2024-06-23 13:29:41 发布
luffot
最新推荐文章于 2024-06-23 13:29:41 发布
阅读量666
点赞数
本文链接：https://blog.csdn.net/luffot/article/details/78218605
版权
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <style>
        * {
            padding: 0;
            margin: 0;
        }

        body {
            font-family: 宋体;
            background-color: #EEEDEB;
        }

        #head {
            height: 107px;
            background-color: red;
            background-image: url("./img/topBg.gif");
        }

        #headcontent {
            width: 1018px;
            height: 100%;
            margin: 0 auto;
        }

        #topimg {
            width: 317px;
            height: 100%;
            background-color: blue;
            float: left;
            background-image: url("./img/logo.jpg");
        }

        #topmenu {
            width: 701px;
            height: 100%;
            float: left;
        }

        #topmenuimg {
            height: 72px;
        }

        #topmenulist li {
            list-style: none;
            float: left;
            text-align: center;
            width: 87px;
            line-height: 35px;
            color: white;
        }

        #topmenuimg img {
            margin-top: 20px;
            padding: 5px;
        }

        #bannertu {
            height: 390px;
            background: url("./img/jdt0.jpg") no-repeat center;
        }

        #newsArea {
            width: 1018px;
            height: 500px;
            font-size: 12px;
        }

        #newsAreatop:after {
            clear: both;
            content: "";
            display: block;
        }

        #newsArealeft {
            width: 384px;
            height: 274px;
            border: 1px solid #b6b6b6;
            float: left;
            margin-right: 8px;
        }

        #newsAreacenter {
            width: 300px;
            height: 274px;
            border: 1px solid #b6b6b6;
            float: left;
            margin-right: 8px;
        }

        #newsArearight {
            width: 302px;
            height: 274px;
            border: 1px solid #b6b6b6;
            float: left;
            margin-right: 8px;
        }

        #newsArealeft2 {
            width: 384px;
            height: 137px;
            border: 1px solid #b6b6b6;
            float: left;
            margin-right: 8px;
            margin-top: 12px;
        }

        #newsAreacenter2 {
            width: 300px;
            height: 137px;
            border: 1px solid #b6b6b6;
            float: left;
            margin-right: 8px;
            margin-top: 12px;
        }

        #newsArearight2 {
            width: 302px;
            height: 137px;
            border: 1px solid #b6b6b6;
            float: left;
            margin-right: 8px;
            margin-top: 12px;
        }

        #position {
            width: 1018px;
            top: -50px;
            margin: auto;
            position: relative;
        }

        .newstitle {
            height: 33px;
            background-color: #b6b6b6;
        }

        .title {
            text-align: center;
            width: 60px;
            float: left;
            height: 33px;
            background-color: #254B6C;
            line-height: 33px;
            color: white;
        }

        .title1 {
            text-align: center;
            width: 60px;
            float: left;
            height: 33px;
            background-color: #8C1616;
            line-height: 33px;
            color: white;
        }

        .title2 {
            float: right;
            line-height: 33px;
            padding-right: 30px;
        }

        .newslist li {
            line-height: 35px;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
        }

        #centerimg {
            background: url("./img/tu.jpg");
            background-size: 100% 100%;
            background-repeat: no-repeat;
            background-position: center;
            margin-left: 10px;
            margin-top: 10px;;
            height: 210px;
            width: 280px;
        }

        .newstime {
            float: right;
            padding-right: 27px;
        }

        #centernews {
            height: 30px;
            background-color: #aeaeae;
            line-height: 30px;
            margin-top: 15px;
            text-align: center;
            width: 270px;
            margin-left: 15px;
            color: white;
            font-size: 16px;
        }

        #left2menu li {
            width: 86px;
            height: 32px;
            background-color: #aeaeae;
            float: left;
            list-style: none;
            margin: 7px 5px 5px 5px;
            line-height: 32px;
            text-align: center;
        }

        #center2left {
            width: 142px;
            height: 127px;
            background-color: #8C1616;
            margin: 5px;
            float: left;
        }

        #center2right {
            margin-top: 5px;
            width: 142px;
            height: 127px;
            background-color: #8C1616;
            margin-right: 5px;
            float: left;
        }

        #center2left .center2top {
            background-image: url("./img/ztlj3.jpg");
            width: 142px;
            height: 100px;
        }

        #center2left .center2buttom {
            width: 142px;
            height: 27px;
            line-height: 27px;
            text-align: center;
            font-size: 16px;
            background-color: #aeaeae;
        }

        #center2right .center2top {
            background-image: url("./img/spxw.jpg");
            background-size: 100% 100%;
            width: 142px;
            height: 100px;
        }

        #center2right .center2buttom {
            width: 142px;
            height: 27px;
            line-height: 27px;
            text-align: center;
            font-size: 16px;
            background-color: #aeaeae;
        }

        #right2content li{
            list-style: none;
        }
        #text {
            height: 40px;
            margin: 10px 0 0 10px;
        }

        #password {
            height: 40px;
            margin: 0 0 0 22px;

        }
        #option{
                margin-left: 22px;
        }
        #foot{
            background-color: #032F54;
            height: 164px;
            margin-top: -108px;
        }
        #footright{
            width: 440px;
            height: 150px;
            margin-top: -108px;
            font-size: 12px;
            color: white;
            margin-left: 550px;
        }
        #footright li{
            list-style: none;
            float: left;
        }
        #footleft{
            width: 290px;
            height: 25px;
        }
        #footleft span{
            margin-top: 10px;
            margin-left: 50px;
            float: left;
            font-size: 12px;
            color: white;
        }
    </style>
    <title>烟台大学｜YanTai University</title>
</head>
<body>
<div id="=container">
    <div id="head">
        <div id="headcontent">
            <div id="topimg"></div>
            <div id="topmenu">
                <div id="topmenuimg">
                    <img src="./img/w1.gif" alt="" align="right">
                    <img src="./img/w3.gif" alt="" align="right">
                </div>
                <div id="topmenulist">
                    <li>烟大新闻</li>
                    <li>学生概况</li>
                    <li>学院设置</li>
                    <li>人才培养</li>
                    <li>科学研究</li>
                    <li>学生工作</li>
                    <li>招生就业</li>
                    <li>公共服务</li>
                </div>
            </div>
        </div>
    </div>
    <div id="body">
        <div id="bannertu"></div>
        <div id="position">
            <div id="newsArea">
                <div id="newsAreatop">
                    <div id="newsArealeft">
                        <div class="newstitle">
                            <div class="title">学校要闻</div>
                            <div class="title1">学校简讯</div>
                            <div class="title2">more</div>
                        </div>
                        <div class="newslist">
                            <ul>
                                <li>我校两位老师当选农工党烟台高校总支负责人
                                    <div class="newstime">09-28</div>
                                </li>
                                <li>学校举办大学生实验技能竞赛
                                    <div class="newstime">09-28</div>
                                </li>
                                <li>沈阳药科大学副校长宫平教授来访
                                    <div class="newstime">09-28</div>
                                </li>
                                <li>50名学子喜获“同心•光彩助学行动”资助
                                    <div class="newstime">09-28</div>
                                </li>
                                <li>学校召开2017年第三次校长办公会
                                    <div class="newstime">09-28</div>
                                </li>
                                <li>二级单位党组织书记读书班举行第二期“书记沙...
                                    <div class="newstime">09-28</div>
                                </li>
                                <li>学校举办教学成果奖培育与申报专题报告会
                                    <div class="newstime">09-28</div>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div id="newsAreacenter">
                        <div id="centerimg"></div>
                        <div id="centernews">烟台大学思想政治工作会议召开</div>
                    </div>
                    <div id="newsArearight">
                        <div class="newstitle">
                            <div class="title">通知公告</div>
                            <div class="title1">学术动态</div>
                            <div class="title2">more</div>
                        </div>
                        <div class="newslist">
                            <ul>
                                <li>2017“外研社杯”全国英语演讲...
                                    <div class="newstime">09-28</div>
                                </li>
                                <li>2016年烟台大学决算公开
                                    <div class="newstime">09-28</div>
                                </li>
                                <li>关于转发国家税务总局《关于增...
                                    <div class="newstime">09-28</div>
                                </li>
                                <li>烟台大学2017年本科专业设置申...
                                    <div class="newstime">09-28</div>
                                </li>
                                <li>2017年烟台大学部门预算公开
                                    <div class="newstime">09-28</div>
                                </li>
                                <li>《烟台大学学报》关于出版2017...
                                    <div class="newstime">09-28</div>
                                </li>
                                <li>学关于召开2016年“泰山学术论坛...
                                    <div class="newstime">09-28</div>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div id="newsAreabuttom">
                    <div id="newsArealeft2">
                        <div id="left2menu">
                            <ul>
                                <li>办公系统</li>
                                <li>数字校园</li>
                                <li>人才招聘</li>
                                <li>招标信息</li>
                                <li>网上评教</li>
                                <li>网上选课</li>
                                <li>网络教学</li>
                                <li>网上民声</li>
                                <li>数字图书</li>
                                <li>服务地方</li>
                                <li>校友总会</li>
                                <li>信息公开</li>
                            </ul>
                        </div>
                    </div>
                    <div id="newsAreacenter2">
                        <div id="center2left">
                            <div class="center2top"></div>
                            <div class="center2buttom">专题链接</div>
                        </div>
                        <div id="center2right">
                            <div class="center2top"></div>
                            <div class="center2buttom">视频新闻</div>
                        </div>
                    </div>
                    <div id="newsArearight2">
                        <div id="right2content">
                            <div id="text">
                                <ul>
                                    <li> 用户名：
                                        <input type="text" style="margin-right: 10px">计费系统</li>
                                </ul>
                                </div>
                                <div id="password">
                                    <ul>
                                        <li> 密码：
                                            <input type="text" style="margin-right: 10px">VPN说明</li>
                                        <li></li>
                                    </ul>
                                </div>
                            <div>
                                <div id="option">
                                <ul>
                                    <li>系统:
                                        <select name="" id="" style="margin-left: 7px ">
                                            <option value="">综合用户</option>
                                            <option value="">教室邮箱</option>
                                        </select>
                                        <input type="button" style="margin-left: 10px" value="登录"></li>
                                </ul>
                                </div>
                                <div>

                                </div>
                            </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
<div id="foot">
    <div id="footleft">
        <span>网站地图</span>
        <span style="margin-left: 20px">English</span>
    </div>
    <div id="footright">
        <ul>
            <li style="margin-left: 20px;margin-top: 10px">校址：中国山东省烟台市莱山区清泉路30号
            <span style="margin-left: 20px">邮编264005</span>
            <span style="margin-left: 20px">管理员信箱</span></li>
            <li style="margin-left: 55px;margin-top: 10px ">鲁ICP备05002387号-3 <img src="./img/ba.png" alt="" style="margin: 0 10px;">鲁公网安备 37061302000289号 </li>
            <li style="margin-left: 155px;margin-top: 10px"><img src="./img/blue.png" alt=""></li>
        </ul>
    </div>
</div>
</div>
</body>
</html>
luffot
关注
0
点赞
踩
6

收藏

觉得还不错? 一键收藏
0
评论
烟台大学官网静态图

html>html lang="en">head> meta charset="UTF-8"> style> * { padding: 0; margin: 0; } body { font-family: 宋体; backgroun
复制链接

扫一扫