烟台大学官网仿写

来源：互联网发布：开发板与单片机编辑：程序博客网时间：2024/05/16 23:52
<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <!--link引用两种，一种是stylesheet（css样式表）                    另一种是icon，标题栏图标-->    <link rel="icon" href="img/yd.png">    <style>        * {            margin: 0px;            padding: 0px;        }        body {            font-family: 宋体, Arial, Helvetica, sans-serif;        }        #container {            width: 1263px;        }        #head {            width: 1263px;            height: 107px;            background-image: url("img/topBg.gif");        }        #headContent {            width: 1018px;            height: 100%;            margin: 0px auto;        }        #headContent div {            float: left;        }        #topImg {            width: 317px;            height: 100%;            background-image: url("img/logo.jpg");        }        #topMenu {            width: 701px;            height: 100%;        }        #topMenuImg {            height: 72px;            width: 100%;        }        #topMenuList {            height: 35px;        }        #weixin {            margin-top: 25px;            margin-right: 30px;        }        #weibo {            margin-top: 25px;            margin-right: 20px;        }        #topMenuList li {            list-style: none;            float: left;            width: 85px;            line-height: 35px;            text-align: center;            color: #ffffff;        }        #body {            width: 100%;            background-color: #EEEEEE;        }        #up {            width: 1263px;            height: 390px;        }        #bannerImg {            height: 390px;            margin: 0px auto;            background: url("img/bg1.jpg") no-repeat center;        }        #below {            width: 100%;            height: 435px;        }        #bu {            width: 1018px;            height: 276px;            margin: auto;            position: relative;            top: -50px;        }        #bb {            width: 1018px;            height: 200px;            margin: auto;            position: relative;            top: -50px;        }        #bu:after {            content: "";            height: 0px;            display: block;            clear: both;        }        #buLeft {            width: 394px;            height: 274px;            float: left;            border: 1px solid #b6b6b6;            margin: 0px 8px 8px 0px;        }        #buCenter {            width: 300px;            height: 274px;            float: left;            border: 1px solid #b6b6b6;            margin: 0px 8px 8px 0px;        }        #buRight {            width: 300px;            height: 274px;            float: left;            border: 1px solid #b6b6b6;            margin-bottom: 8px;        }        #bb:after {            content: "";            height: 0px;            display: block;            clear: both;        }        #bbLeft {            width: 394px;            height: 137px;            float: left;            border: 1px solid #b6b6b6;            margin-right: 8px;        }        #bbCenter {            width: 300px;            height: 137px;            float: left;            border: 1px solid #b6b6b6;            margin-right: 8px;        }        #bbRight {            width: 300px;            height: 137px;            float: left;            border: 1px solid #b6b6b6;        }        #foot {            width: 1263px;            height: 164px;            background-color: #032F54;            overflow: hidden;            margin-top: -40px;        }        #footContent {            width: 1018px;            height: 138px;            margin: 13px auto;            background-color: #6d45cc;        }        #footUp {            width: 440px;            height: 48px;            background-color: #72ff6a;            margin: 0px auto 10px;        }        #footBelow {            width: 1018px;            height: 80px;            background-color: white;        }        .newsTitle {            height: 33px;            background-color: #DADADA;        }        .newsTitle1, .newsTitle2 {            float: left;            width: 81px;            height: 100%;            background-color: #254B6C;            line-height: 33px;            text-align: center;            color: white;            font-size: 14px;        }        .newsTitle2 {            background-color: #8C1616;        }        .newsTitle3 {            float: right;            height: 33px;            width: 74px;            line-height: 33px;            text-align: center;            font-family: "微软雅黑", "宋体";            font-size: 12px;            margin-top: 1px;            margin-right: 4px;        }        .newslist {            background-color: white;        }        .newslist li {            font-size: 12px;            height: 34px;            line-height: 34px;            padding-left: 20px;            margin-left: 10px;            list-style: none;            background: url("img/icon1.gif") no-repeat 5px center;        }    </style>    <title>烟台大学|Yan Tai University</title></head><body><div id="container">    <div id="head">        <div id="headContent">            <div id="topImg"></div>            <div id="topMenu">                <div id="topMenuImg">                    <img id="weixin" src="img/wxlogo.gif" alt="" align="right">                    <img id="weibo" src="img/wblogo.gif" alt="" align="right">                </div>                <div id="topMenuList">                    <ul>                        <li>烟大新闻</li>                        <li>学院概况</li>                        <li>学院设置</li>                        <li>人才培养</li>                        <li>科学研究</li>                        <li>学生工作</li>                        <li>招生就业</li>                        <li>公共服务</li>                    </ul>                </div>            </div>        </div>    </div>    <div id="body">        <div id="up">            <div id="bannerImg"></div>        </div>        <div id="below">            <div id="bu">                <div id="buLeft">                    <div class="newsTitle">                        <div class="newsTitle1">学校要闻</div>                        <div class="newsTitle2">学院简讯</div>                        <div class="newsTitle3">more</div>                    </div>                    <div class="newslist">                        <ul>                            <li>我校承办中国朝鲜-韩国文学研究学会2017年年会</li>                            <li>党委宣传部学习贯彻学校中层干部会议精神</li>                            <li>人文学院开展志愿服务活动践行社会主义核心价...</li>                            <li>经济管理学院举办国家和省政府奖学金答辩会</li>                            <li>国际教育交流学院学习贯彻学校中层干部会议精神</li>                            <li>指玲珑弹拨乐团参加志愿服务组织公益演出</li>                            <li>土木学院“未之星”训练营举办“思想·行动·未...</li>                        </ul>                    </div>                </div>                <div id="buCenter"></div>                <div id="buRight"></div>            </div>            <div id="bb">                <div id="bbLeft"></div>                <div id="bbCenter"></div>                <div id="bbRight"></div>            </div>        </div>    </div>    <div id="foot">        <div id="footContent">            <div id="footUp"></div>            <div id="footBelow"></div>        </div>    </div></body></html>
阅读全文
1 0