如图：

原代码如下：

<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>

商城常用css分类代码的更多相关文章

  1. discuz内置常用CSS代码分析

    CSS多IE下兼容HACK写法 所有 IE浏览器适用:.ie_all .foo { ... } IE6 专用:.ie6 .foo { ... } IE7 专用:.ie7 .foo { ... } IE ...

  2. 常用css属性记录

    CSS常用属性: 字体属性:(font)大小 font-size: x-large;(特大) xx-small;(极小) 一般中文用不到,只要用数值就可以,单位:PX.PD样式 font-style: ...

  3. CSS 分类 (Classification)

    ★★CSS 分类属性 (Classification)★★ ⑴CSS 分类属性允许你控制如何显示元素,设置图像显示于另一元素中的何处,相对于其正常位置来定位元素,使用绝对值来定位元素,以及元素的可见度 ...

  4. 根据判断PC浏览器类型和手机屏幕像素自动调用不同CSS的代码

    1.媒体查询方法在 css 里面这样写 -------------------- @media screen and (min-width: 320px) and (max-width: 480px) ...

  5. 常用 Java 静态代码分析工具的分析与比较

    常用 Java 静态代码分析工具的分析与比较 简介: 本文首先介绍了静态代码分析的基 本概念及主要技术,随后分别介绍了现有 4 种主流 Java 静态代码分析工具 (Checkstyle,FindBu ...

  6. 十五个常用的jquery代码段【转】

    好的文章顶一个 回到顶部按钮 通过使用 jQuery 中的 animate 和 scrollTop 方法,你无需插件便可创建一个简单地回到顶部动画: 1 // Back to top 2 $('a.t ...

  7. 十五个常用的jquery代码段

    十五个常用的jquery代码段 回到顶部按钮 通过使用 jQuery 中的 animate 和 scrollTop 方法,你无需插件便可创建一个简单地回到顶部动画: 1 // Back to top ...

  8. CSS Hack汇总快查(CSS兼容代码演示)

    文章出处和来源网址:http://www.divcss5.com/css-hack/c284.shtml 以下是常用CSS HACK问题及解决代码-DIV+CSS网支持 1.屏蔽IE浏览器(也就是IE ...

  9. css初始化代码方案

    (从已经死了一次又一次终于挂掉的百度空间人工抢救出来的,发表日期 2014-06-24) 为了消除各浏览器对css默认的设置,保持网页在各浏览器中的外观保持一致,初始化css就显得非常必要了!很多时候 ...

随机推荐

  1. Linux_rsylogd日志轮替(三)

    一.轮替规则及配置文件:vi /etc/logrotate.conf 1.如果配置文件中拥有" dateext"参数,那么日志会用日期来作为日志文件的后缀,例如" sec ...

  2. xgboost

    xgboost后面加了一个树的复杂度 对loss函数进行2阶泰勒展开,求得最小值, 参考链接:https://homes.cs.washington.edu/~tqchen/pdf/BoostedTr ...

  3. bzoj2946: [Poi2000]公共串

    SAM处女题qwq #include <iostream> #include <cstdio> #include <cstring> #include <cm ...

  4. Redis哈希-hash

    Redis的hash类型数据存储极为重要 hset K V  赋值一个hash 其中V为 (key, value) 127.0.0.1:6379> hset user id 1(integer) ...

  5. 【BZOJ-3033】太鼓达人 欧拉图 + 暴搜

    3033: 太鼓达人 Time Limit: 1 Sec  Memory Limit: 128 MBSubmit: 204  Solved: 154[Submit][Status][Discuss] ...

  6. JDK与Java SE/EE/ME的区别

    1. Java SE(Java Platform,Standard Edition). Java SE 以前称为 J2SE.它允许开发和部署在桌面.服务器.嵌入式环境和实时环境中使用的 Java 应用 ...

  7. 公司内多个公众号实现账号互通（UnionID机制处理）

    场景: 由于用户在每个公众号上的OpenID都不一样,如果要实现判断判断某个用户在其中一个公众号上已经绑定过,那么就要借助(UnionID机制)的机制. 条件: 1.拥有微信开放平台账号,且认证(ht ...

  8. NuGet打包推送批处理以及MSBuild（通用版）

    使用时注意每个批处理里面的依赖工具路径指向 源码:https://github.com/easonjim/NuGetRun bug提交:https://github.com/easonjim/NuGe ...

  9. Android成长日记-ProgressBar的设计

    ProgressBar的关键属性 Android:max=”100” - ---最大显示进度 Android:progress=”50”----第一显示进度 Android:secondaryProg ...

  10. CodeForces 209C Trails and Glades

    C. Trails and Glades time limit per test 4 seconds memory limit per test 256 megabytes input standar ...