HTML-腾讯软件中心

　

qq软件中心

1.图文解析 https://pc.qq.com/

效果图：

代码块

<!--别人的-->
    <!--在设置下边框的时候给他一个box-shadow (box-shadow: 0 1px 0 0 rgba(0,0,0,.05);)-->
    <p class="header bottom-shadow">
        <!--设置版心为960px-->
        <p class="container_12 clearfix">
            <p class="grid_12">
                <!--a标签设置为块标签，然后(margin-right:40px)-->
                <a href="logn">腾讯软件中心-海量软件，轻松下载</a>
                <p class="nav-wrap">
                    <ul class="nav">
                        <li class="nav-link">
                            <a href="#" class="nav-a">首页</a>
                        </li>
                        <li class="nav-link">
                            <!--给a设置宽高padding左右-->
                            <a href="#" class="nav-a multi">分类
                                <!--给i设置绝对定位相对于a-->
                                <i class="sprite sprite-nav"></i>
                            </a>
                        </li>
                        <li class="nav-link">
                            <a href="#" class="nav-a">游戏中心</a>
                        </li>
                    </ul>
                </p>
                <!--给form设置一个margin-top-->
                <form action="" class="J_search_form search">
                    <label for="keyword">
                        <!--给input设置padding，设置相对定位-->
                        <input type="text" class="input-search" placeholder="请输入你要找的软件" maxlength="20">
                        <!--给提交按钮设置绝对定位，相对于input-search-->
                        <input type="submit" class="btn-search">
                    </label>
                </form>
                <p id="J_old_version" class="back" style="display: block;">
                    <!--给a设置绝对定位，相对于header-->
                    <a href="#" class="btn-back">返回旧部</a>
                </p>
            </p>
        </p>
    </p>

    <!--自己的-->
    <p class="header">
        <p class="m">
            <a href="#" class="logo"></a>
            <ul class="nav">
                <li class="item">
                    <a href="#" class="a-nav"></a>
                </li>
                <li class="item">
                    <a href="#" class="a-nav">
                        <i class="icon"></i>
                    </a>
                </li>
                <li class="item">
                    <a href="#" class="a-nav"></a>
                </li>
            </ul>
            <form action="" class="search-form">
                <input type="text" class="search" placeholder="请输入">
                <input type="submit" value="提交">
            </form>
        </p>
        <p class="back">
            <a href="#" class="a-back">返回旧版</a>
        </p>
    </p>

相关阅读

visio2013激活软件,绝对靠谱!!!

转自：https://blog.csdn.net/TaoYuanKuangDao/article/details/78282999 环境是 win10, 64 bit 装了 visio 2013 ， 可以却不能用它

不用翻墙，大屏电视看金马奖流畅超清直播的软件分享

第55届金马奖颁奖典礼将于11月17日17点在台北国父纪念馆举行，离典礼还有两天时间，全网已经是开始各种颁奖预测了，从入围的电影作品及

【软件工程】——详细设计说明书

1引言 1.1编写目的 该文档在概要设计的基础上，进一步的细化系统结构，展示了软件结构的图标，物理设计、数据结构设计、及算法设计、详

软件外包平台有哪些？

项目众包：程序员客栈： https://proginn.com快码众包 ：kuaima.co/coding码市 ：https://mart.coding.net猿团： http://www.yuantuan.co

站群软件的详细讲解 是否能长久？

大家好，我是那个人见人爱，花见花开的燕丰收，今天给大家带来的一位朋友就是站群软件，这款软件最大的作用就在于它可以在短时间内让你网