javaweb div盒模型

最新推荐文章于 2022-08-23 10:40:38 发布
一行tf
最新推荐文章于 2022-08-23 10:40:38 发布
阅读量251
点赞数
分类专栏： javaweb
本文链接：https://blog.youkuaiyun.com/tf617/article/details/115667964
版权
javaweb
javaweb 专栏收录该内容
16 篇文章
订阅专栏
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>实验5_2</title>
    <style>
        .global {
            width: 70%;

            margin: 20px auto;

        }

        .left {
            float: left;
            background-image: url('img/body_bg.gif');
            width: 25px;
            height: 990px;

            background-size: 100% 100%;
        }

        .right {
            float: right;
            background-image: url('img/body_bg.gif');
            width: 25px;
            height: 990px;

            background-size: 100% 100%;
        }


        .main {

            width: 90%;
            margin: 0 auto;
        }

        .title {
            padding-bottom: 40px;
        }

        .img1 {
            background-image: url('img/h.PNG');
            width: 100%;
            height: 250px;
            background-repeat: no-repeat;
            background-position: center;
            background-attachment: scroll;
            background-size: 100% 100%;
            margin-top: ;
        }

        #top {
            float: left;
            width: 50px;
        }

        #one {
            margin-left: 30px;
            color: red;
            float: left;
            font: 30px 楷体;
        }

        .img1 ul {
            list-style-type: none;
            color: white;
            float: right;
        }

        .img1 ul li {
            display: inline;
            margin: 0px 15px;

        }

        .img1 p {
            font: 50px 楷体;
            color: white;
            padding: 100px;
        }

        .content {
            width: 100%;
        }

        .conleft {
            float: left;
            font: 18px 楷体;
            color: gray;

        }

        .conleft dt {
            font: 25px 楷体;
            color: indigo;
            padding: 15px;
        }

        .ad {
            font: 25px 楷体;
            color: indigo;

        }

        .conright {
            padding: 0ch;
            float: right;
            width: 75%;
        }

        .jj {
            float: left;
        }

        .jj img {
            float: left;
            width: 350px;
            height: 250px;
        }



        .bottom {
            background-image: url('img/bottom_bg.gif');
            clear: both;
            text-align: center;
            color: white;
        }
    </style>
</head>

<body>
    <div class="global">
        <div class="left"></div>
        <div class="right"></div>
        <div class="main">
            <div class="title">
                <img src="img/top_paint.gif" alt="" id="top" />
                <p id="one">一场电子科技有限公司</p>
            </div>
            <div class="img1">
                <ul>
                    <li>首业</li>
                    <li>走进一场</li>
                    <li>产品展示</li>
                    <li>技术服务</li>
                    <li>联系我们</li>
                </ul>
                <p>| www.yuze-electronic.com</p>
            </div>
            <div class="content">
                <div class="conleft">
                    <dl>
                        <dt> 市场营销 </dt>
                        <dd>营销网络</dd>
                        <dd>营销管理</dd>
                        <dd>营销方案</dd>
                        <dd>数码影音加盟</dd>
                        <dd>高清影音销售加盟</dd>

                    </dl>
                    <dl>
                        <dt>产品展示</dt>
                        <dd>电脑电视</dd>
                        <dd>数码相框</dd>
                        <dd>数码小影院</dd>
                        <dd>液晶电视</dd>
                        <dd>电视视频处理</dd>
                        <dd>多媒体播放器</dd>
                        <dd>高清电影本</dd>
                        <dd>数码便携音响</dd>
                    </dl>
                    <img src="img/ad.gif" alt="" />
                </div>
                <div class="conright">
                    <div class="jj">
                        <p class="ad">欢迎走进一场电子科技有限公司</p>
                        <img src="img/yuze2.jpg" />
                    </div>


                    <p style="margin-top: 70px;">
                        &ensp;&ensp;一扬电子科技有限公司成立于1999年8月，是一家集研发、制造、市场营销为一体的民营电子科技股份制企业。公司的主要业务范围为视听及多媒体产品，经营项目包括有电脑视听产品、液晶电视产品、便携多媒体产品、家庭影院方案、车载娱乐方案等。目前，公司拥有员工将近2000多人，技术开发人员将近200人拥有占地310000多平方米的生产制造基地，年产量达1000万台，具备了高效率的生产实力及先进的品质控制水平，是全球最大的电脑电视接收机生产基地之一。

                    </p>
                    <p>
                        &ensp;&ensp;一扬公司多年来一直保持着高速发展的状态，公司的产品不仅在国内有很高的市场占有率，而且在国际上也有较高的市场占有率，产品现已销往全球100多个国家和地区。在宇泽人的共同努力下，公司已有了两大支柱品牌："一扬"与"优图"。2003年，一扬电子科技有限公司在同行业中率先通过了ISO9001：2000认证、中国强制认证（3C认证）等认证体系，标志着公司已具备了规范化、标准化、系统化的管理水平。

                    </p>
                    <p>
                        &ensp;&ensp;一扬公司多年来一直秉承"技术领先"的理念，注重技术研发工作，不断开拓进取，保持产品推陈出新，由此取得了丰硕的成绩：现公司已经拥有数十项的实用技术专利与产品外观设计专利。经过多年的发展和实践积累，公司基本上掌握了同类产品的核心技术，公司的研发队伍也成长为一支能迅速适应市场变化，能独立开发新产品，具有相当竞争力的高素质科技队伍。先进的设备、科学的管理是成功的依托。公司高度重视生产设备、品质及管理方面的投入，大力引进先进的生产设备，推行科学的管理机制，并开始初步实施规模化经营。目前，公司生产品质及工艺技术已达国际先进水平。这些为显著提高产品性能和质量，降低产品成本创造了先决条件。公司开发销售的产品物美价廉，获得了销售商和消费者的一致好评，"一扬"逐步成为国内外电脑电视接收机市场的第一品牌。

                    </p>


                </div>
            </div>
            <div class="bottom">2018级-计算机科学与技术三班-18111310-姚春芬</div>
        </div>
    </div>
</body>

</html>
在这里插入图片描述