html 小作业（1）

最新推荐文章于 2024-06-15 14:29:33 发布

ikebo

最新推荐文章于 2024-06-15 14:29:33 发布

阅读量1k

点赞数

分类专栏： html&css 文章标签： html 排版

本文链接：https://blog.csdn.net/k_runtu/article/details/80973411

版权

html&css 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

`代码`

<html>
<head>
    <meta charset="utf-8" />        
    <title>zy1</title>
<style>

.content {
    margin: 10px auto;
    width: 976px;
    height: 51px;
}

.header {
    background: url('img/1.png') no-repeat;
}

.header span {
    color: white;
    font-size: 35px;
    margin-left: 20px;
}

nav img {
    margin-top: 20px;
    width: 650px;
    height: 250px;
    display: inline-block;
    border-radius: 10px;
}

nav h5 {
    color: red;
    font-size: 20px;
    margin-bottom: 15px;
}

article p {
    text-indent: 2em;
    line-height: 1.5em;
}

article h5 {
    font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    font-size: 20px;
    color: lightseagreen;
}

</style>
</head>
<body>
    <div class="content">
        <nav>
            <div class="header">
                <span>基金简介</span>
            </div>
            <center>
                <img src="img/2.jpg" alt="img" />
            </center>
            <p>
                <h5>公司介绍</h5>
            </p>
        </nav>
        <hr size=3 /> 

        <article>
            <p>
                致达者，唯民族科技发达之致力焉，致达集团自创业初始，即以发展民族科技为己任，自主创新，业达天下，将企业之力
            深深熔铸在民族生命力、创造力和凝聚力中，虽历经艰难险阻，但十年不缀，关志不渝，始有今日致达高科技企业之欣欣气象。    
            </p>

            <h5>(二)《企业精神》-- 致高 致强 达天下</h5>
            <p>
                所谓"站得高，看得远"，"致高"者，目光远大、高瞻远瞩、登高而俯仰自如之意也；"致强"取自强不惜、气势非凡、强大而挥斥方遒之意也；集团拥有一支年轻的、充满朝气和创新意识的科研和开拓型团队，大专以上学历占员工总数85%以上。
            </p>
            <p>
                现有11家高新技术企业和数家小巨人科技（培育）企业。一批拥有自主知识产权的产品和项目打入国内外市场，多次获得政府科技进步奖和高新技术成果奖。集团旗下上海致达智能科技股份有限公司股票在全国中小企业股份转让系统挂牌上市。
            </p>
            <P>
                集团引领员工价值、企业价值与社会价值相融共生，先后荣获中国优秀民营企业、全国厂务公开民主管理先进单位、上海市文明单位、上海市五一劳动奖状、上海慈善奖等多项荣誉。
                致达人秉承“致高、致强、达天下”的信念，站在新的历史起点，按照“产业化发展、市场化运营、专业化整合、资本化运作”的策略，形成以实业为基础、资本运作为推动的投资控股型集团公司，在实现中国梦的伟大征程中，开创事业新高度，实现发展新跨越！
            </P>

        </article>
    </div>

</body>
</html>

`效果`

这里写图片描述

ikebo

关注

0
点赞
踩
7

收藏

觉得还不错? 一键收藏
0
评论
html 小作业（1）

代码&lt;html&gt;&lt;head&gt; &lt;meta charset="utf-8" /&gt; &lt;title&gt;zy1&lt;/title&gt;&lt;style&gt;.content { margin: 10px auto; width: 976px; height: 51px;}
复制链接

扫一扫