当前位置:   article > 正文

课程设计之华为鸿蒙官网(HTML5+CSS3)_鸿蒙课程设计

鸿蒙课程设计

前言

大家好,当你搜索到了这个文章,我相信你在为你的课程大作业而困扰,不用担心,遇见我,就相当于遇见了救星!!!因为我曾经也这样苦恼。
这是一个用HTML5+CSS3实现的华为鸿蒙官网。
最让你高兴的就是,文章末尾附有项目完整源代码哦!!!
这是直接进行效果展示,让你看看符合你的要求不,如果不符合可以及时与我联系哦!!!

一、效果展示

在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

二、部分代码展示

因为长度受限, 这里仅展示部分代码,完整代码在文章末尾

   <div class="con2">
            <div class="head3_lunbo">
                <!-- 引入轮播图图片 -->
                <a href="#" target="_blank"><img src="./imgs/a1.jpg" /></a>
                <a href="#" target="_blank"><img src="./imgs/a2.jpg" /></a>
                <a href="#" target="_blank"><img src="./imgs/a3.jpg" /></a>
            </div>
        </div>

        <div class="con3">
            <div class="a4" style="height: 560px;width: 800px;float: left;">
                <div class="b1" style="margin-left: 300px;margin-top: 100px;">
                    <span style="color: #000000; font-size: 48px;">鸿蒙开发套件</span>
                </div>
                <div class="b2" style="margin-left: 300px;margin-top: 50px;">
                    <span>面向鸿蒙生态的声明式开发套件,包含了鸿蒙生态应用从设</span><br>
                    <span>计、开发、测试、上架所需的关键技术和产品。(鸿蒙指华</span
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
声明:本文内容由网友自发贡献,转载请注明出处:【wpsshop博客】
推荐阅读
相关标签
  

闽ICP备14008679号