学成网在线项目

最新推荐文章于 2023-09-10 22:13:16 发布

WangZhang_521

最新推荐文章于 2023-09-10 22:13:16 发布

阅读量376

点赞数

分类专栏： CSS 文章标签：前端

本文链接：https://blog.csdn.net/WangZhang_521/article/details/122261224

版权

本文介绍了学成网的在线项目，重点展示了项目的实际效果。

摘要由CSDN通过智能技术生成

学成网在线项目

<!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>学成在线首页</title>
    <link rel="stylesheet" href="style.css">
</head>

<body>
    <!-- 1.头部区域开始啦 -->
    <div class="header w">
        <!-- logo部分 -->
        <div class="logo">
            <img src="logo.png"> </div>
        <!-- 导航栏部分 nav  -->
        <div class="nav">
            <ul>
                <!-- li是块级元素，a是行内元素，本应该在一行内显示，但是a含在小li里，所以a不在一行内显示 -->
                <li>
                    <a href="#">首页</a></li>
                <li>
                    <a href="#">课程</a></li>
                <li>
                    <a href="#">职业规划</a></li>
            </ul>

        </div>
        <!-- 搜索模块 -->
        <div class="search">
            <input type="text" value="请输入关键词">
            <button></button>
        </div>
        <!-- 用户模块 -->
        <div class="user">
            <img src="touxiang.png" alt="">qq-lilei</div>
    </div>
    <!-- 1.头部区域结束啦 -->
    <!-- 2.banner部分开始啦 -->
    <div class="banner">
        <!-- 版心 -->
        <div class="w">
            <div class="subnav">
                <ul>
                    <li><a href="#">前端开发<span>></span></a></li>
                    <li>
                        <a href="#">后端开发<span>></span></a>
                    </li>
                    <li>
                        <a href="#">移动开发

最低0.47元/天解锁文章

WangZhang_521

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
学成网在线项目

学成网在线项目<!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"> <tit
复制链接

扫一扫

专栏目录