中职院-国外合作首页-合作交流部分

h5, template, sections

《three.js使用多个渐变torus模拟光环光晕》申请公开！

第三方库
作品简介 1720
作品推荐
使用帮助
常用链接

HTML
CSS
JavaScript
Result

编译

JavaScript

编译

CSS

* {
    padding: 0px;
    margin: 0px;
}
#hezuo {
    width: 1100px;
    margin: 0px auto;
    padding: 40px 0px 0px 0px;
}
#hezuo #hezuo_t {
    color: #333;
    height: 42px;
    line-height: 42px;
    font-size: 20px;
    width: 100%;
    padding: 0px;
    border-bottom: solid 1px #CCC;
    position: relative;
}
#hezuo_t .icon1 {
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 15px;
    left: 0px;
    background: url(/uploads/user_upload/36477/wolrd.png) no-repeat 50% 50%;
    background-size: 20px 20px;
    float: left;
}
#hezuo_t h2 {
    color: #333;
    float: left;
    font-weight: normal;
    font-size: 20px;
    padding: 0px 30px;
    background: url(/uploads/user_upload/36477/kind_t_bg.png) no-repeat;
    height: 50px;
    line-height: 50px;
    width: 30%
}
#hezuo_t a {
    position: absolute;
    top: 5px;
    left: 130px;
}
#hezuo_c ul {
    list-style: none;
    padding: 0px;
    clear: left;
}
#hezuo_c ul li {
    float: left;
    border: solid 0px #eee;
    margin: 10px;
    width: 250px;
    height: 300px;
    line-height: 26px;
    overflow: hidden;
}
#hezuo_c h3 {
    font-size: 16px;
    color: #000;
    font-weight: bold;
    margin: 5px 0px;
}
#hezuo_c p {
    color: #888;
    font-family: "微软雅黑";
    font-size: 13px;
}
#hezuo_c p a {
    color: #004e87;
    padding: 0px 5px;
    text-decoration: none;
    font-family: "微软雅黑";
}
#hezuo_c img {
    width: 100%
}
.clear {
    clear: both;
}

HTML

<li>
                <a href="" title="澳大利亚留学项目"><img src="/uploads/user_upload/36477/20166390406390.jpg">
                </a>
                <h3>澳大利亚留学项目</h3>

<p>
                    威廉·安格理斯学院成立于1940年，是澳大利亚最大及历史最悠久所专门从事旅游、酒店和餐饮业方面教 <a href="">查看更多&gt;&gt;</a>
                </p>
            </li>

<li>
                <a href="" title="台湾交流生项目"><img src="/uploads/user_upload/36477/20166390291261.jpg">
                </a>
                <h3>台湾交流生项目</h3>

<p>
                    于2012年正式启动台湾交流生项目，截止目前，已与台湾朝阳科技大学、崑山科技大学、万能科技大学开 <a href="">查看更多&gt;&gt;</a>
                </p>
            </li>

<li>
                <a href="" title="大学生暑期美国带薪实习"><img src="/uploads/user_upload/36477/20166390496186.jpg">
                </a>
                <h3>大学生暑期美国带薪实习</h3>

<p>
                    是美国国务院为促进美国与世界各国人民相互交流、相互理解而推出的一系列文化交流项目之一 <a href="">查看更多&gt;&gt;</a>
                </p>
            </li>

<li>
                <a href="" title="社会境外培训"><img src="/uploads/user_upload/36477/20165332536338.jpg">
                </a>
                <h3>社会境外培训</h3>

<p>
                    马来西亚UCSI大学成立于1986年，位于首都吉隆坡市中心，拥有5个校区，占地1000多亩。在学 <a href="">查看更多&gt;&gt;</a>
                </p>
            </li>

</ul>
        <div class="clear"></div>

</div>
</div>

h5, template, sections

编辑器支持Emmet

快捷键

h5, template, sections

单页设计物流外贸公司官网整站模板

一款交通出行查询在线网站首页模板

编辑器支持Emmet

快捷键

语言：

语言：

导入代码模板：