javaweb div盒模型

<!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;一扬电子科技有限公司成立于19998月,是一家集研发、制造、市场营销为一体的民营电子科技股份制企业。公司的主要业务范围为视听及多媒体产品,经营项目包括有电脑视听产品、液晶电视产品、便携多媒体产品、家庭影院方案、车载娱乐方案等。目前,公司拥有员工将近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>

在这里插入图片描述

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值