zoukankan      html  css  js  c++  java
  • 商城常用css分类代码

    如图:

    原代码如下:

    <div class="allMerchan bgnone">
            <h2 class="ttlm_category">查看所有商品类目</h2>
            <ul>
                        <li class="clearfix">
                <h3><a href="category.php?id=1" title="女装">女装</a></h3>
                            <p>
                                        <a href="category.php?id=5" title="女装">短袖</a>|
                                        <a href="category.php?id=10" title="女装">新品女装</a>|
                                        <a href="category.php?id=15" title="女装">短袖POLO</a>|
                                        <a href="category.php?id=20" title="女装">性感丝袜</a>|
                                        <a href="category.php?id=25" title="女装">短袖T恤</a>|
                                        <a href="category.php?id=30" title="女装">打底裤</a>|
                                        <a href="category.php?id=417" title="女装">裙装</a>|
                                        <a href="category.php?id=418" title="女装">衬衫</a>|
                                 </p>
                             </li>
                        <li class="clearfix">
                <h3><a href="category.php?id=2" title="数码">数码</a></h3>
                            <p>
                                        <a href="category.php?id=42" title="数码">手机</a>|
                                        <a href="category.php?id=47" title="数码">数码相机</a>|
                                        <a href="category.php?id=53" title="数码">笔记本</a>|
                                        <a href="category.php?id=58" title="数码">电脑配件</a>|
                                        <a href="category.php?id=64" title="数码">办公</a>|
                                        <a href="category.php?id=69" title="数码">MP4</a>|
                                        <a href="category.php?id=430" title="数码">MP3</a>|
                                 </p>
                             </li>
                        <li class="clearfix">
                <h3><a href="category.php?id=3" title="文体">文体</a></h3>
                            <p>
                                        <a href="category.php?id=73" title="文体">户外</a>|
                                        <a href="category.php?id=78" title="文体">运动</a>|
                                        <a href="category.php?id=82" title="文体">玩具</a>|
                                        <a href="category.php?id=87" title="文体">书籍</a>|
                                        <a href="category.php?id=92" title="文体">收藏</a>|
                                        <a href="category.php?id=97" title="文体">宠物</a>|
                                        <a href="category.php?id=427" title="文体">乐器</a>|
                                        <a href="category.php?id=428" title="文体">汽车用具</a>|
                                 </p>
                             </li>
                        <li class="clearfix">
                <h3><a href="category.php?id=401" title="配饰">配饰</a></h3>
                            <p>
                                        <a href="category.php?id=412" title="配饰">领带</a>|
                                        <a href="category.php?id=413" title="配饰">围巾</a>|
                                        <a href="category.php?id=414" title="配饰">男款皮带</a>|
                                        <a href="category.php?id=415" title="配饰">女款皮带</a>|
                                        <a href="category.php?id=423" title="配饰">女包</a>|
                                        <a href="category.php?id=424" title="配饰">项链</a>|
                                        <a href="category.php?id=425" title="配饰">钻戒</a>|
                                 </p>
                             </li>
                        <li class="clearfix">
                <h3><a href="category.php?id=402" title="家居">家居</a></h3>
                            <p>
                                        <a href="category.php?id=403" title="家居">厨房用品</a>|
                                        <a href="category.php?id=404" title="家居">浴室用品</a>|
                                        <a href="category.php?id=405" title="家居">卧室用品</a>|
                                        <a href="category.php?id=406" title="家居">收纳用品</a>|
                                        <a href="category.php?id=407" title="家居">户外旅行</a>|
                                        <a href="category.php?id=416" title="家居">雪尼尔布垫</a>|
                                        <a href="category.php?id=421" title="家居">床品套装</a>|
                                        <a href="category.php?id=422" title="家居">浴帘</a>|
                                 </p>
                             </li>
                    </ul>
          </div>

    框架代码:

    <div class="allMerchan bgnone">
       <h2 class="ttlm_category">查看所有商品类目</h2>
       <ul>
           <li>
                <h3><a>女装</a></h3>
                <p><a>短袖</a></p>
                <p><a>新品女装</a></p>
          </li>
           <li>
                <h3><a>数码</a></h3>
                <p><a>手机</a></p>
                <p><a>数码相机</a></p>
          </li>
       </ul>
        
    </div>            
  • 相关阅读:
    带有数字的表达式
    不使用data-ng-app指令的表达式
    简单的表达式
    第一个AngularJS控制器
    第一个AngularJS指令
    第一个AngularJS表达式实例
    HTML5<fieldset>标签
    AngularJS 包含
    [python][odlboy]设置字符串打印的颜色
    [python][oldboy]关键字参数和位置参数,默认参数,可变长参数(无名,有名)
  • 原文地址:https://www.cnblogs.com/wesky/p/3170019.html
Copyright © 2011-2022 走看看