同济大学官网静态网页图

最新推荐文章于 2022-07-29 00:03:12 发布
luffot
最新推荐文章于 2022-07-29 00:03:12 发布
阅读量622
点赞数 1
本文链接：https://blog.csdn.net/luffot/article/details/78218387
版权
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <style>
        * {
            padding: 0;
            margin: 0;
        }

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

        #headtop {
            width: 980px;
            height: 88px;
        }

        #head {
            height: 145px;
            width: 980px;
            margin: 0 auto;
        }

        #headleft {
            background-image: url("../img/logo_03.jpg");
            background-repeat: no-repeat;
            background-position-y: 25px;
            height: 88px;
            width: 500px;
            float: left;
        }

        #headcenter {
            width: 300px;
            height: 88px;
            float: left;
        }

        #headcenter li {
            list-style: none;
            float: left;
            text-align: center;
            width: 75px;
        }

        #right {
            width: 180px;
            height: 88px;
            float: left;
        }

        #menu {
            width: 980px;
            height: 40px;
            border: 1px solid darkgrey;
            overflow: hidden;
            margin-top: 10px;
            border-radius: 10px;
            font-weight: bold;
            background-color: #EBEBEB;
        }

        #menu li {
            float: left;
            list-style: none;
            width: 135px;
            border: 1px solid darkgrey;
            text-align: center;
            line-height: 40px;
        }

        #container {
            width: 1050px;
            background-color: #F8F8F8;
            margin: 0 auto;
            font-family: 宋体;
        }

        #banner {
            height: 340px;
            margin-left: 37px;
        }

        #bannertu {
            background-image: url("../img/banner.jpg");
            background-size: 100% 100%;
            width: 660px;
            height: 340px;
            float: left;
        }

        #rightcontent {
            width: 316px;
            height: 340px;
            background-color: #005494;
            float: left;
        }

        #rightcontent h3 {
            font-size: 17px;
            color: white;
            text-align: center;
            margin: 10px;
        }

        #rightcontent h4 {
            font-size: 12px;
            color: white;
            text-align: center;
            line-height: 180%;
            text-indent: 2em;
            margin: 22px 22px;
        }

        #content {
            width: 980px;
            height: 480px;
            margin-top: 20px;
            margin-left: 35px;
        }

        #lefttitle {
            height: 480px;
            width: 280px;
            float: left;
        }

        #lefttitle li {
            list-style: none;
            color: blue;
        }

        #daohang {
            height: 30px;
        }

        #daohang li{
            font-size: 16px;
        }
        .more {
            float: right;
            background-image: url("../img/more.jpg");
            height: 30px;
            width: 40px;
            background-repeat: no-repeat;
            margin-top: 10px;
        }

        #leftnews li {
            float: left;
            font-size: 16px;
            height: 23px;
            line-height: 23px;
            width: 280px;
            font-size: 12px;
            color: black;
        }

        #daohang1 li {
            margin-right: 10px;
            float: left;
        }

        #centertitle {
            width: 432px;
            height: 480px;
            float: left;
            margin-left: 25px;
        }

        #righttitle {
            width: 218px;
            height: 480px;
            float: left;
            margin-left: 25px;
        }

        #daohang2 {
            height: 30px;
            line-height: 30px;
        }

        #daohang2 li {
            list-style: none;
            color: #005494;
        }

        #centernews{
            margin-top: 10px;
        }
        #centernews li {
            font-family: Arial;
            font-size: 16px;
            line-height: 23px;
            list-style: none;
            height: 110px;
        }

        #daohang3 {
            line-height: 30px;
            height: 30px;
            width: 216px;
            height: 200px;
        }

        #daohang3 li{
            list-style: none;
        }
        #daohang4 {
            height: 30px;
            line-height: 30px;
        }

        #daohang4 li{
            list-style: none;
            color: #005494;
        }
        #jujiao{
            width: 216px;
            height: 78px;
            font-size: 13px;
            font-family: Arial;
            cursor: auto;
        }
        #jujiao li{
            list-style: none;
            text-align: -webkit-match-parent;

            height: 30px;
        }
        #buttom {
            height: 50px;
            margin-left: 37px;
            width: 980px;
        }

        #buttom li{
            list-style: none;
            float: left;
            margin-top: 6px;
            margin-left: 1px;
        }

        #foot {
            width: 1050px;
            height: 150px;
            background-color: black;
            margin-top: 10px;
        }

        #footcontent {
            list-style: none;
            margin-left: 350px;
            padding-top: 30px;
            position: relative;
        }
        #footcontent li{
            list-style: none;
            color: white;
        }
        .lefttu{
            border: 1px solid darkgrey;
        }
        #video li{
            width: 216px;
            font-size: 13px;
            font-style: normal;
        }
        .riqi li{
            width: 192px;
            height: 55px;
            font-size: 14px;
            margin-top: 10px;
            font-family: 宋体;
        }
        #video{

            width: 216px;
        }
    </style>
    <title>欢迎访问同济大学主页</title>
</head>
<body>
<div id="container">
    <div id="head">
        <div id="headtop">
            <div id="headleft"></div>
            <div id="headcenter">
                <ul>
                    <li>
                        <img src="../img/xs.jpg" alt="">
                    </li>
                    <li>
                        <img src="../img/jg.jpg" alt="">
                    </li>
                    <li>
                        <img src="../img/ks.jpg" alt="">
                    </li>
                    <li>
                        <img src="../img/xy.jpg" alt="">
                    </li>
                </ul>
            </div>
            <div id="right">
                <span style="margin-left:50px;margin-top: 20px">English｜Deutsch</span>
                <input type="text" style="margin-top: 25px;margin-left: 20px">
            </div>
        </div>
        <div id="menu">
            <div style="margin-left: auto;margin-right: auto;width: 960px">
                <ul>
                    <li>同济概况</li>
                    <li>组织机构</li>
                    <li>人才培养</li>
                    <li>科学研究</li>
                    <li>合作交流</li>
                    <li>大学文化</li>
                    <li>信息服务</li>
                </ul>
            </div>
        </div>
    </div>
    <div id="body">
        <div id="banner">
            <div id="bannertu"></div>
            <div id="rightcontent">
                <h3>我校教授详解南海可燃冰地球物理勘探的来龙去脉</h3>
                <h4> 经过整整60天的运行，南海天然气水合物（即可燃冰）试采7月10日关井，蓝鲸I号钻井
                    平台目前已经回到母港—烟台。据悉，本次试采累计产气超过30万立方米，首次取得了持
                    续产气时间最长、产气总量最大、气流稳定、环境安全等多项重大成果，创造了产气时长
                    和总量的世界纪录，标志着我国成为全球第一个实现在海域可燃冰试开采中获得连续稳定
                    产气的国家。</h4>
            </div>
        </div>
        <div id="content">
            <div id="contentleft">
                <div id="lefttitle">
                    <div id="daohang">
                        <ul>
                            <li>
                                <div class="more"></div>
                                同济快讯</li>

                        </ul>
                    </div>
                    <div id="leftnews">
                        <ul>
                            <li>>>钟志华出席中美创客峰会暨中美青年创客</li>
                            <li>>>我校教授孙利民当选国际桥梁与结构工程</li>
                            <li>>>学校召开党委中心组（扩大）学习报告会</li>
                            <li>>>同济大学交通运输工程学院建设指导委员</li>
                            <li>>>“用少年的心灵去唤醒世界”</li>
                            <li>>>2017浦江创新论坛在沪举行</li>
                            <li>>>学校召开秋季学期开学干部大会</li>
                            <li>>>钟志华赴大理白族自治州云龙县调研定点</li>
                            <li>>>同济学子获2017中国高校计算机大赛</li>
                            <li>>>同济大学与昆明医科大学建立校际合作关</li>
                        </ul>
                    </div>
                    <div id="daohang1">
                        <ul>
                            <li>校内公告</li>
                                <li>学术报告</li>
                            <li>财政科研政策</li>
                        </ul>
                    </div>
                    <div class="riqi">
                        <div style="float: left">
                            <img src="../img/riqi1.png" alt="" style="margin-top: 3px">
                        </div>
                        <div style="float: left;">
                            <li style="color: black">关于启用同济大学四平路校区综合服务大厅的通知</li>
                        </div>
                    </div>
                    <div class="riqi">
                        <div style="float: left">
                            <img src="../img/riqi1.png" alt="" style="margin-top: 3px">
                        </div>
                        <div style="float: left">
                            <li style="color: black">关于召开同济大学2017年科技创新大会的通知</li>
                        </div>
                    </div>
                    <div class="riqi">
                        <div style="float: left">
                            <img src="../img/riqi1.png" alt="" style="margin-top: 3px">
                        </div>
                        <div style="float: left">
                            <li style="color: black">关于举办同济大学喜迎十九大“文以载道，思以成行”征文活动的通...</li>
                        </div>
                    </div>
                </div>
                <div id="centertitle">
                    <div id="daohang2">
                        <ul>
                            <li>
                                <div class="more"></div>
                                近日要闻
                            </li>
                        </ul>
                    </div>
                    <div id="centernews">
                        <ul>
                            <li>
                                <div>
                                    <div class="lefttu" style="float: left">
                                        <img src="../img/xysjd.jpg" alt="" style="width: 136px;height: 95px">
                                    </div>
                                    <div style="float: left;width: 270px;margin-left: 10px;">
                                        <h4 style="font-size: 14px; color: #005494">“喜迎党的十九大 砥砺奋进的五年”专栏</h4>
                                        <p style="font-size: 12px;">党的十八大以来的5年，是党和国家发展
                                            进程中很不平凡的5年。5年来，党中央
                                            科学把握当今世界和当代中国的发展大势
                                            ，顺应实践要求和人民愿...</p>
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div>
                                    <div class="lefttu" style="float: left">
                                        <img src="../img/tjdx.jpg" style="width: 136px;height: 95px">
                                    </div>
                                    <div style="float: left;width: 270px;margin-left: 10px;">
                                        <h4 style="font-size: 14px;color: #005494">同济大学师德师风主题教育实践活动专栏</h4>
                                        <p style="font-size: 12px;">我校开展师德师风主题教育实践活动 将在
                                            全校开展主题大讨论，形成师德师风评价标准和考核办法 学校“双一流”建设
                                            ，对高校教师提...</p>
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div>
                                    <div class="lefttu" style="float: left">
                                        <img src="../img/tututu.jpg" alt="" style="width: 136px;height: 95px">
                                    </div>
                                    <div style="float: left;width: 270px;margin-left: 10px;">
                                        <h4 style="font-size: 14px;color: #005494">学校召开党委中心组（扩大）学习报告会</h4>
                                        <p style="font-size: 12px;">9月26日下午，同济大学党委中心组（扩大）
                                            学习报告会在四平路校区逸夫楼二楼报告厅举行。复旦大学吴晓明教授应邀
                                            为我校广大党员干部作了...</p>
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div>
                                    <div class="lefttu" style="float: left">
                                        <img src="../img/tjdx.jpg" alt="" style="width: 136px;height: 95px">
                                    </div>
                                    <div style="float: left;width: 270px;margin-left: 10px;">
                                        <h4 style="font-size: 14px;color: #005494">学校召开秋季学期开学干部大会</h4>
                                        <p style="font-size: 12px;">9月19日下午，我校秋季学期开学
                                            干部大会在四平路校区逸夫楼报告厅召开，校党委书记方守恩主持
                                            会议，校长钟志华等校领导班子成员出席，全...</p>
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
                <div id="righttitle">
                    <img src="../img/lxyz.jpg" alt="">
                    <img src="../img/xq110.jpg" alt="">
                    <div id="daohang3">
                        <ul>
                            <li style="color: #005494">
                                <div class="more"></div>
                                校园视频
                            </li>
                        </ul>
                        <div id="video">

                                <img src="../img/righttu.jpg" alt="" style="width: 216px;height: 122px;margin-top: -10px">
                            <p style="line-height: 17px;font-size: 12px;font-weight: bold;font-family: 宋体">学校召开党委中心组（扩大）学习报告会</p>

                        </div>
                    </div>
                    <div id="daohang4">
                        <ul>
                            <li>
                                <div class="more"></div>
                                媒体聚焦
                            </li>
                        </ul>
                    </div>
                    <div id="jujiao">
                        <ul>
                            <li>>>解放日报：核心技术买不来</li>
                            <li>>>文汇报：扎根中国建设世界一流...</li>
                            <li>>>东方网：十九大代表童小华：仰...</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div id="buttom">
        <ul>
            <li><img src="../img/tjwx.jpg" alt=""></li>
            <li><img src="../img/tjwb.jpg" alt=""></li>
            <li><img src="../img/tjtxy.jpg" alt=""></li>
            <li><img src="../img/xxgk.jpg" alt=""></li>
            <li><img src="../img/tjyj.jpg" alt=""></li>
            <li><img src="../img/jjh.jpg" alt=""></li>
            <li><img src="../img/bkzsw.jpg" alt=""></li>
            <li><img src="../img/wmxy.jpg" alt=""></li>
        </ul>
    </div>
    <div id="foot">
        <div id="footcontent">
            <ul>
                <li>同济大学 版权所有 上海市四平市1239号</li>
                <li>同济大学新闻中心主办 E-mail:webmaste@tongji.edu.cn</li>
                <li>沪ICP备10014176号 沪举报中心</li>
            </ul>
        </div>
    </div>
</div>
</body>
</html>
luffot
关注
1
点赞
踩
4

收藏

觉得还不错? 一键收藏
1
评论
同济大学官网静态网页图

html>html lang="en">head> meta charset="UTF-8"> style> * { padding: 0; margin: 0; } #banner:after { content: ""; disp
复制链接

扫一扫