特征布局实例练习

最新推荐文章于 2025-04-12 01:29:30 发布
最新推荐文章于 2025-04-12 01:29:30 发布
阅读量93 收藏
点赞数
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/m0_46470018/article/details/113574061
本文通过具体实例介绍了使用HTML和CSS实现多种常见网页布局的方法，包括翻页、导航条及图片列表等，帮助读者掌握前端布局技巧。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

【编程】特征布局实例练习
请使用HTML和CSS制作实际开发中碰到的一些典型的布局。
1、特征布局：翻页（所需知识点：盒模型、内联元素）

layout05.jpg
代码如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        .menu{
            width: 600px;
            height: 40px;
            border: 1px solid #ccc;
            margin:50px auto 0;
            padding: 0;
            list-style: none;
            text-align: center;
        }

        .menu li{
            display: inline-block;
            height: 26px;
            line-height: 40px;
        }

        .menu li a{
            text-decoration: none;
            display: block;
            height: 26px;
            background-color: gold;
            font-size: 12px;
            font-family: "Microsoft YaHei";
            color: #000;
            line-height: 26px;
            /*padding-left: 10px;
            padding-right: 10px;*/
            padding: 0 10px;
        }

        .menu li a:hover{
            background-color: pink;
            color: #fff;
        }
    </style>
</head>
<body>
<!-- ul.menu>(li>a{$})*11 -->
<ul class="menu">
    <li><a href="#">上一页</a></li>
    <li><a href="#">1</a></li>
    <li><a href="#">2</a></li>
    <li><a href="#">3</a></li>
    <li><a href="#">4</a></li>
    <li><span>……</span></li>
    <li><a href="#">17</a></li>
    <li><a href="#">18</a></li>
    <li><a href="#">19</a></li>
    <li><a href="#">20</a></li>
    <li><a href="#">下一页</a></li>
</ul>
</body>
</html>

2、特征布局：导航条01（所需知识点：盒模型、行内元素布局）

layout02.jpg
代码如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        .menu{
            width: 958px;
            height: 40px;
            border: 1px solid #ccc;
            padding: 0;
            margin:50px auto;
            list-style: none;
            text-align: center;
        }
        .menu li{
            display: inline-block;
            /*background-color: gold;*/
            height: 40px;
            line-height: 40px;
        }

        .menu li a{
            display: block;
            text-decoration: none;
            font-size: 14px;
            font-family: "Microsoft YaHei";
            color: #333;
        }

        .menu li a:hover{
            color: red;
        }

        .menu li span{
            font-size: 14px;
            font-family: "Microsoft YaHei";
            color: #333;
            padding: 0 20px;
        }
    </style>
</head>
<body>
<ul class="menu">
    <li><a href="#">首页</a></li>
    <li><span>|</span></li>
    <li><a href="#">网站建设</a></li>
    <li><span>|</span></li>
    <li><a href="#">程序开发</a></li>
    <li><span>|</span></li>
    <li><a href="#">网络营销</a></li>
    <li><span>|</span></li>
    <li><a href="#">企业VI</a></li>
    <li><span>|</span></li>
    <li><a href="#">案例展示</a></li>
    <li><span>|</span></li>
    <li><a href="#">联系我们</a></li>
</ul>
</body>
</html>

3、特征布局：导航条02（所需知识点：盒模型、浮动、定位、字体对齐）

layout01.jpg

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        * {
            margin: 0;
            padding: 0;
        }

        .menu{
            width: 600px;
            height: 400px;
            border: 1px solid #ccc;
            margin:50px auto;
            padding-left: 40px;
            list-style: none;
        }

        .menu .new_list{
            width: 560px;
            height: 50px;
        }

        .menu .news_list .news{
            /*float: left;*/
            font-size: 18px;
            font-weight: 700;
            font-family: "Microsoft YaHei";
            line-height: 50px;
            /*background-color: red;*/
            border-bottom: 1px solid #ff0000;
            display: inline-block;
        }

        .menu .news_list a{
            color: #000;
        }

        .menu .news_list .more{
            display: inline-block;
            float: right;
            line-height: 50px;
            margin-right: 50px;
            color: #ccc;
            /*border-bottom: 1px solid #ccc;*/
            /*background-color: cyan;*/
        }

        .menu .news_list .line{
            /*background-color: gold;*/
            border-bottom: 1px solid #ccc;
            width: 560px;
        }

        ul li div a{
            text-decoration: none;
        }

        ul .list{
            font-size: 14px;
            font-family: "Microsoft YaHei";
            width: 560px;
            margin:18px 0;
            border-bottom: 1px dotted;
        }

        ul .list a{
            color: #000;
        }

        ul .list .date{
            float: right;
        }

        ul .list .point{
            display: inline-block;
            /*border: 1px solid red;*/
            position: relative;
            top: -7px;
        }

        ul .list .icon{
            display: inline-block;
        }
    </style>
</head>
<body>
<ul class="menu">
    <li class="news_list">
        <div class="news"><a href="#">新闻列表</a></div>
        <div class="more"><a href="#">更多&gt&gt</a></div>
        <div class="line"></div>
    </li>
    <li class="list">
        <div>
            <span class="point"><img src="image/point.gif" alt=""></span>
            <span class="icon"><img src="image/icon.jpg" alt=""></span>
            <a href="#">崔龙洙解苏宁因何打动他 要以学习的姿态去中超</a>
            <span class="date">2016-06-23</span>
        </div>
    </li>
    <li class="list">
        <div>
            <span class="point"><img src="image/point.gif" alt=""></span>
            <span class="icon"><img src="image/icon.jpg" alt=""></span>
            <a href="#">崔龙洙解苏宁因何打动他 要以学习的姿态去中超</a>
            <span class="date">2016-06-23</span>
        </div>
    </li>
    <li class="list">
        <div>
            <span class="point"><img src="image/point.gif" alt=""></span>
            <span class="icon"><img src="image/icon.jpg" alt=""></span>
            <a href="#">崔龙洙解苏宁因何打动他 要以学习的姿态去中超</a>
            <span class="date">2016-06-23</span>
        </div>
    </li>
    <li class="list">
        <div>
            <span class="point"><img src="image/point.gif" alt=""></span>
            <span class="icon"><img src="image/icon.jpg" alt=""></span>
            <a href="#">崔龙洙解苏宁因何打动他 要以学习的姿态去中超</a>
            <span class="date">2016-06-23</span>
        </div>
    </li>
    <li class="list">
        <div>
            <span class="point"><img src="image/point.gif" alt=""></span>
            <span class="icon"><img src="image/icon.jpg" alt=""></span>
            <a href="#">崔龙洙解苏宁因何打动他 要以学习的姿态去中超</a>
            <span class="date">2016-06-23</span>
        </div>
    </li>
    <li class="list">
        <div>
            <span class="point"><img src="image/point.gif" alt=""></span>
            <span class="icon"><img src="image/icon.jpg" alt=""></span>
            <a href="#">崔龙洙解苏宁因何打动他 要以学习的姿态去中超</a>
            <span class="date">2016-06-23</span>
        </div>
    </li>
</ul>
</body>
</html>

4、特征布局：图片列表（所需知识点：盒模型、浮动）

layout03.jpg

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        .outside{
            width: 958px;
            border: 1px solid #ccc;
        }

        .div1{
            width: 925px;
            height: 50px;
            margin-left: 20px;
            /*border: 1px solid #ccc;*/
            /*background-color: gold;*/
            border-bottom: 1px solid #ccc;
        }

        .div1 span{
            font-size: 18px;
            font-family: "Microsoft YaHei";
            font-weight: 700;
            line-height: 50px;
        }

        .div2 ul li{
            list-style: none;
            float: left;
            background-image: url(image/goods.png);
            width: 160px;
            height: 68px;
            margin-top: 25px;
            margin-left: 29px;
            border: 1px solid #000;
        }

        .div2 ul .fist{
            margin-left: -20px;
        }

        .div2 ul .upline{
            margin-top: 20px;
        }

        .div2 ul .downline{
            margin-bottom: 38px;
        }

        .clearfix:before,.clearfix:after{
            content: "";
            display: table;
        }
        .clearfix:after{
            clear:both;
        }
        .clearfix{
            zoom:1;
        }

    </style>
</head>
<body>
<div class="outside clearfix">
    <div class="div1">
        <span>图片展示</span>
    </div>
    <div class="div2">
        <ul>
            <li class="upline fist"></li>
            <li class="upline"></li>
            <li class="upline"></li>
            <li class="upline"></li>
            <li class="upline"></li>
            <li class="downline fist"></li>
            <li class="downline"></li>
            <li class="downline"></li>
            <li class="downline"></li>
            <li class="downline"></li>
        </ul>
    </div>
</div>
</body>
</html>

5、特征布局：新闻列表（所需知识点：盒模型、浮动）layout04.jpg
在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        * {
            margin: 0;
            padding: 0;
        }

        .menu{
            width: 600px;
            height: 290px;
            border: 1px solid #ccc;
            margin:50px auto;
            padding-left: 40px;
            list-style: none;
        }

        .menu .news_list{
            font-size: 18px;
            font-weight: 700;
            font-family: "Microsoft YaHei";
            height: 50px;
            line-height: 50px;
            border-bottom: 1px solid #ccc;
            width: 560px;
        }

        .menu .news_list a{
            color: #000;
        }

        ul li div a{
            text-decoration: none;
        }

        ul .list{
            font-size: 14px;
            font-family: "Microsoft YaHei";
            width: 560px;
            margin:18px 0;
        }

        ul .list a{
            color: #000;
        }

        ul .list span{
            float: right;
        }
    </style>
</head>
<body>
<ul class="menu">
    <li class="news_list">
        <div><a href="#">新闻列表</a></div>
    </li>
    <li class="list">
        <div>
            <a href="#">崔龙洙解苏宁因何打动他 要以学习的姿态去中超</a>
            <span>2016-06-23</span>
        </div>
    </li>
    <li class="list">
        <div>
            <a href="#">崔龙洙解苏宁因何打动他 要以学习的姿态去中超</a>
            <span>2016-06-23</span>
        </div>
    </li>
    <li class="list">
        <div>
            <a href="#">崔龙洙解苏宁因何打动他 要以学习的姿态去中超</a>
            <span>2016-06-23</span>
        </div>
    </li>
    <li class="list">
        <div>
            <a href="#">崔龙洙解苏宁因何打动他 要以学习的姿态去中超</a>
            <span>2016-06-23</span>
        </div>
    </li>
    <li class="list">
        <div>
            <a href="#">崔龙洙解苏宁因何打动他 要以学习的姿态去中超</a>
            <span>2016-06-23</span>
        </div>
    </li>
    <li class="list">
        <div>
            <a href="#">崔龙洙解苏宁因何打动他 要以学习的姿态去中超</a>
            <span>2016-06-23</span>
        </div>
    </li>
</ul>
</body>
</html>

6、特征布局：新闻列表2

layout06.jpg

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        * {
            margin: 0;
            padding: 0;
        }

        .menu{
            width: 600px;
            height: 400px;
            border: 1px solid #ccc;
            margin:50px auto;
            padding-left: 40px;
            list-style: none;
        }

        .menu .new_list{
            width: 560px;
            height: 50px;
        }

        .menu .news_list .news{
            /*float: left;*/
            font-size: 18px;
            font-weight: 700;
            font-family: "Microsoft YaHei";
            line-height: 50px;
            /*background-color: red;*/
            border-bottom: 1px solid #ff0000;
            display: inline-block;
        }

        .menu .news_list a{
            color: #000;
        }

        .menu .news_list .more{
            display: inline-block;
            float: right;
            line-height: 50px;
            margin-right: 50px;
            color: #ccc;
            /*border-bottom: 1px solid #ccc;*/
            /*background-color: cyan;*/
        }

        .menu .news_list .line{
            /*background-color: gold;*/
            border-bottom: 1px solid #ccc;
            width: 560px;
        }

        ul li div a{
            text-decoration: none;
        }

        ul .list{
            font-size: 14px;
            font-family: "Microsoft YaHei";
            width: 560px;
            margin:18px 0;
            border-bottom: 1px dotted;
        }

        ul .list a{
            color: #000;
        }

        ul .list .date{
            float: right;
        }

        ul .list .point{
            display: inline-block;
            /*border: 1px solid red;*/
            position: relative;
            top: -7px;
        }

        ul .list .icon{
            display: inline-block;
        }
    </style>
</head>
<body>
<ul class="menu">
    <li class="news_list">
        <div class="news"><a href="#">新闻列表</a></div>
        <div class="more"><a href="#">更多&gt&gt</a></div>
        <div class="line"></div>
    </li>
    <li class="list">
        <div>
            <span class="point"><img src="image/point.gif" alt=""></span>
            <span class="icon"><img src="image/icon.jpg" alt=""></span>
            <a href="#">崔龙洙解苏宁因何打动他 要以学习的姿态去中超</a>
            <span class="date">2016-06-23</span>
        </div>
    </li>
    <li class="list">
        <div>
            <span class="point"><img src="image/point.gif" alt=""></span>
            <span class="icon"><img src="image/icon.jpg" alt=""></span>
            <a href="#">崔龙洙解苏宁因何打动他 要以学习的姿态去中超</a>
            <span class="date">2016-06-23</span>
        </div>
    </li>
    <li class="list">
        <div>
            <span class="point"><img src="image/point.gif" alt=""></span>
            <span class="icon"><img src="image/icon.jpg" alt=""></span>
            <a href="#">崔龙洙解苏宁因何打动他 要以学习的姿态去中超</a>
            <span class="date">2016-06-23</span>
        </div>
    </li>
    <li class="list">
        <div>
            <span class="point"><img src="image/point.gif" alt=""></span>
            <span class="icon"><img src="image/icon.jpg" alt=""></span>
            <a href="#">崔龙洙解苏宁因何打动他 要以学习的姿态去中超</a>
            <span class="date">2016-06-23</span>
        </div>
    </li>
    <li class="list">
        <div>
            <span class="point"><img src="image/point.gif" alt=""></span>
            <span class="icon"><img src="image/icon.jpg" alt=""></span>
            <a href="#">崔龙洙解苏宁因何打动他 要以学习的姿态去中超</a>
            <span class="date">2016-06-23</span>
        </div>
    </li>
    <li class="list">
        <div>
            <span class="point"><img src="image/point.gif" alt=""></span>
            <span class="icon"><img src="image/icon.jpg" alt=""></span>
            <a href="#">崔龙洙解苏宁因何打动他 要以学习的姿态去中超</a>
            <span class="date">2016-06-23</span>
        </div>
    </li>
</ul>
</body>
</html>

7、特征布局

layout07.jpg

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        * {
            margin: 0;
            padding: 0;
        }

        .outside{
            width: 498px;
            height: 343px;
            border: 1px solid #f00;
            margin: 50px auto;
        }

        .outside .title{
            width: 440px;
            height: 20px;
            /*background-color: gold;*/
            margin-top: 30px;
            margin-left: 30px;
            margin-bottom: 17px;
            border-left: 2px solid #f00;
            text-indent: 20px;
            font-size: 14px;
            font-family: "Microsoft YaHei";
            font-weight: 700;
            line-height: 20px;
        }

        .outside .banner{
            margin-left: 30px;
            /*width: 239px;*/
            /*height: 212px;*/
            display: inline-block;
            /*background-color: gold;*/
            position: relative;
            top: 3px;
            padding-right: 10px;
        }

        .outside .banner img{
            /*width: 239px;*/
            /*height: 212px;*/
        }

        .outside .right{
            width: 211px;
            height: 239px;
            /*border: 1px solid #000;*/
            display: inline-block;
            position: relative;
            top: -42px;
        }

        .outside .right{
            width: 222px;
        }

        .outside .right ul{
            list-style: none;
        }

        .outside .right li{
            display: inline-block;
        }


        .outside .right .up li span{
            position: relative;
            top: 22px;
            left: -30px;
        }

        .outside .right .up .shishang{
            position: relative;
            top: -4px;
            left: 4px;
            padding: 10px;
        }

        .outside .right .up .chaoliu{
            position: relative;
            top: -104px;
            right: -112px;
        }

        .outside .right .down{
            float: left;
            width: 211px;
            height: 97px;
            padding-left: 10px;
            /*background-color: gold;*/
            position: relative;
            top: -55px;
            text-align: center;
        }

        .outside .right .down .second{
            position: relative;
            left: -5px;
        }

        .outside .right .down li{
            height: 45px;
            width: 98px;
            border: 1px dotted #ccc;
            line-height: 45px;
        }



    </style>
</head>
<body>
<div class="outside">
    <div class="title">淘宝女装</div>
    <div>
        <div class="banner">
            <img src="image/banner.jpg" alt="御姐潮装日记">
        </div>
        <div class="right">
            <ul class="up">
                <li class="shishang">
                    <img src="image/cloth.jpg" alt="时尚包包">
                    <span>时尚包包</span>
                    <!-- 时尚包包 -->
                </li>
                <li class="chaoliu">
                    <img src="image/cloth02.jpg" alt="潮流美鞋">
                    <span>潮流美鞋</span>
                    <!-- 潮流美鞋 -->
                </li>
            </ul>
            <ul class="down">
                <li class="first">新品上市</li>
                <li class="second">女装</li>
                <li class="first">欧美风</li>
                <li class="second">美搭</li>
            </ul>
        </div>
    </div>
</div>
</body>
</html>
牛油果pa
关注
Flex 布局教程：实例篇
weixin_56334307的博客
06-24 1463
介绍了Flex布局的语法，今天介绍常见布局的Flex写法。你会看到，不管是什么布局，Flex往往都可以几行命令搞定。我只列出代码，详细的语法解释请查阅。我的主要参考资料是的文章和。
【前端学习笔记day29】3.13. 特征布局实例讲习
汪雯琦的博客
01-30 323
文章目录3.13. 特征布局实例讲习特征布局实例讲习 3.13. 特征布局实例讲习 特征布局实例讲习 经过对前面知识点的巩固和加深，我们可以使用前面学习到的知识来制作实际开发中碰到的一些典型的布局，以此来达到综合应用知识的目的。 1、特征布局：翻页（所需知识点：盒模型、内联元素） 2、特征布局：导航条01（所需知识点：盒模型、行内元素布局） 3、特征布局：导航条02（所需知识点：盒模型、浮动...
移动开发实例-布局练习
简单点的博客
03-14 279
学会ListView布局和GridView布局，学会采用SimpleAdapter的方式进行赋值操作
特征布局实例讲解
weixin_42219287的博客
07-12 154
1、特征布局：翻页（盒模型、内联元素） <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>练习1</title> <style type="text/css"> .pagenation{ list-style: none; margin: 50px auto 0px; padding: 0px;
html页面布局实例,div布局实例
weixin_42691065的博客
06-03 766
div+css布局的基本流程解决这个问题的方法如下：新建一个html文件，命名为test.html，用于讲解div+css布局的基本流程。在test.html文件内，对body进行样式初始化，设置外边距margin为0，内边距padding为0，同时使用text-align设置文字居中。html 布局时候div用了绝对定位或者漂浮以后，下面#main{width:960px;height:auto...
Flex 弹性布局 骰子篇练习
qq_23966661的博客
10-11 3110
Flex布局实例——骰子布局 在CSS布局中，实现垂直居中、相同高度的列等一直是令人头疼的问题，但不管是什么布局，Flex往往都可以几行命令搞定；93%的人现在正在运行的浏览器都已经支持Flexbox，这比支持HTML5 的<video>元素要好；所以现在我们一起来见证Flexbox的神奇，看看利用Flex如何实现骰子布局。 1.单项目 <div class="fi...
HTML5页面的布局练习作业
2401_89406454的博客
04-12 1180
HTML5可以使用结构元素构建网页布局，使Web设计和开发变得更加容易，并且数据挖掘服务更加友好。HTML5提供了各种切割和划分页面的手段，允许用户创建的切割组件不仅能用来有逻辑地组织站点页面布局，而且能够赋予网站聚合的能力。
WPF-布局样式练习-Day01
关关长语
08-30 1752
`WPF`日常布局样式练习案例，记录自己在`WPF`的复习过程中的亿点点进步，同时分享出来，希望对学习`WPF`的读者们，提供一点帮助。
静态页面布局实例
尹成的技术博客
11-14 1650
经过对前面知识点的巩固和加深，我们可以使用前面学习到的知识来制作实际开发中碰到的一些典型的布局，以此来达到综合应用知识的目的。 1、特征布局：翻页（所需知识点：盒模型、内联元素） 2、特征布局：导航条01（所需知识点：盒模型、行内元素布局） 3、特征布局：导航条02（所需知识点：盒模型、浮动、定位、字体对齐） 4、特征布局：图片列表（所需知识点：盒模型、浮动） 5、特征布局：新闻列表（所需...
响应式布局及案例练习
YY的博客
10-07 773
@media screen and (orientation:portrait)、 @media screen and (orientation:landscape)、@media screen and (max-width:768px)
QT简单布局实例，用于练习
04-11
在这个"QT简单布局实例"中，我们很可能会学习到如何有效地使用QT的几种基本布局。 QT布局系统主要包括四种主要布局：QVBoxLayout、QHBoxLayout、QGridLayout和QFormLayout。这些布局分别对应垂直布局、水平布局、...
CSS布局实例代码 两列布局实例
09-25
CSS布局实例代码详解 在前端开发中，布局是非常重要的一部分，CSS布局实例代码是开发者们经常使用的布局方式之一。下面我们将详细讲解CSS两列布局、CSS三列布局、CSS等高布局等多种布局方式。 一、CSS两列布局 ...
android Activity线性布局和表格布局实例讲解
01-05
实验中只需要编写相应的xml的代码，java代码不需要更改，因为我们这里只是练习android的界面设计。线性布局：线性布局就是将各种控件按照行或者列依次进行排列。其中本实验用到的各控件的属性解释如下：android:...
Dreamweaver CS3网页制作之布局实例
09-24
本文将深入探讨布局实例，特别是利用CSS（Cascading Style Sheets）来实现灵活的网页布局。 首先，我们要理解CSS布局规则中的“类型”类型。这是CSS中最基础的部分，主要用于定义文本属性。例如，“编辑字体列表”...
protel99se整套实例练习题
10-11
本文将从两套实例练习题的角度，详细探讨如何通过系统练习，掌握Protel 99SE，从而在电路设计的道路上更进一步。 第一套练习题是关于Protel 99SE界面操作的训练。对于初学者来说，熟悉软件的基本界面布局是学习的...
智能监督产品硬件设计资料.zip
08-05
智能监督产品硬件设计资料.zip
Bandizip-v7.38 x64-Patch专业版激活补丁
08-05
Bandizip压缩包专业版最新激活补丁 将此补丁放至Bandizip安装目录下以右键管理员运行 可能会被系统误报，不用理会（担心有问题可以不用，补丁作者官方网站下载），继续运行，补丁打开后点击【应用】，提示成功即可退出
Go-Route(路由)
最新发布
08-05
Go_Route(路由)
Python编程语言60天系统学习记录与重难点标注项目_包含每日学习进度标记和重点问题标注的学习笔记_用于记录和跟踪Python基础知识的掌握过程_技术关键词包括Python基础语.zip
08-05
Python编程语言60天系统学习记录与重难点标注项目_包含每日学习进度标记和重点问题标注的学习笔记_用于记录和跟踪Python基础知识的掌握过程_技术关键词包括Python基础语.zip
QT基础布局练习实例教程
资源摘要信息:"QT简单布局实例，用于练习" QT是Qt的官方简称，Qt是一个跨平台的应用程序和用户界面框架，主要用于C++语言开发，但提供了与多种编程语言的绑定，包括Python、Ruby和Java等。它广泛应用于开发图形用户...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值