`

一个li运用

阅读更多

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style>
         .catalogTitle
            {
             text-align:center;font-weight:bold;background-image:url(rlist_title_bg.gif);height:29px;line-height:29px;
            }
             
            .catalogList
            {
             padding:3px;background-color:#ddf5ff;border:solid 1px #43addb;
            }
           
            .catalogList ul
            {
             list-style-type:none;margin:0px;background-color:#fff;padding:5px;padding-top:0px;
            }
           
            .catalogList ul li
            {
             height:28px;line-height:28px;border-bottom:dotted 1px #aaa; display:block;
            }
           
            
           .catalogList ul li a:hover
           {
                height:28px;line-height:28px;
                 display:block;
             background:#CCCCCC;
             
          
           }
        
    </style>
</head>

<body>
<div>
        <div class="catalogTitle" style="width:222px; margin-top:10px;">课文类</div>
        <div class="catalogList" style="width:213.5px;">
        <ul>
        <li><a href="#">fdfdfdfdfdf</a></li>
        <li><a href="#">fdfdfdfdfdf</a></li>
        <li><a href="#">fdfdfdfdfdf</a></li>
        <li><a href="#">fdfdfdfdfdf</a></li>
        <li><a href="#">fdfdfdfdfdf</a></li>
        </ul>
        </div>
    </div>
</body>
</html>

 

 

//有一张是背景图,你用的时候,可以自己找一张合适的了!好吧

分享到:
评论
发表评论

文章已被作者锁定,不允许评论。

相关推荐

    ul的li样式

    首先,`&lt;ul&gt;`元素用来创建一个无序的项目列表,每个列表项则由`&lt;li&gt;`元素定义。默认情况下,浏览器会为`&lt;ul&gt;`添加一个左对齐的项目符号(通常是圆点),而`&lt;li&gt;`则会换行显示。然而,这仅仅是最基本的表现形式,我们...

    jquery 选中一个li在第四个li后插入新的li.docx

    首先,让我们考虑标题中的场景:“jQuery 选中一个li在第四个li后插入新的li”。为了实现这一功能,我们需要以下几个步骤: 1. **选择目标`&lt;li&gt;`元素**:使用`$("#yourLiId")`或`$("li.yourClass")`来选择需要插入...

    弹出框li标签

    例如,用户点击商品列表中的一个li元素,弹出框会显示商品详情;在设置菜单中,li元素代表不同的设置项,点击后弹出框呈现更具体的设置选项。 综上所述,这个名为"弹出框li标签"的压缩包很可能包含了实现上述功能的...

    jquery带箭头和li的首页轮播

    总的来说,“jQuery带箭头和li的首页轮播”是一个综合运用HTML、CSS和jQuery的项目,旨在创建一种动态、互动的首页展示方式。通过学习和实践这样的项目,开发者可以提升对前端开发的理解,特别是在用户交互和动画...

    li列表隔行不同色CSS设计

    "li列表隔行不同色CSS设计"是一个常见的需求,目的是使列表的每一行在颜色上有所区分,特别是鼠标悬停时,用户可以更清晰地感知到当前所选的行。这通常通过CSS实现,无需依赖JavaScript或其他编程语言。 首先,我们...

    li的应用小案例

    在这个例子中,每个`&lt;li&gt;`元素代表一个列表项,它们都包含在`&lt;ul&gt;`元素内,形成了一个无序列表。 ### 2. 有序列表 (`&lt;ol&gt;`) 有序列表则适用于需要强调顺序或步骤的情况,例如烹饪步骤、教程指南等。如下所示: ```...

    用“ul li”及css制作韩国风格菜单.rar

    在构建菜单时,`&lt;ul&gt;`通常作为容器,包裹一系列的`&lt;li&gt;`,每个`&lt;li&gt;`代表菜单中的一个选项。下面是一个基础的HTML结构示例: ```html &lt;li&gt;韩国料理&lt;/a&gt;&lt;/li&gt; &lt;li&gt;韩剧推荐&lt;/a&gt;&lt;/li&gt; &lt;li&gt;韩国旅游&lt;/a&gt;&lt;/li&gt; &lt;li...

    xiezhenqiang.rar_Fox li迭代法_fox li circular_fox-li_fox-li圆形镜_方形镜

    在实际应用中,首先需要建立一个初始的光强分布假设,然后根据波动方程进行迭代更新。每一步迭代都会考虑到前一次迭代的结果,通过迭代公式进行修正,直到光强分布达到稳定,即满足预设的收敛条件。这种方法在处理...

    ie6支持li:hover的方法

    运用以上的代码可以使ie6支持li:hover的使用

    jQuery隐藏、展开UL li评论列表任意内容项.rar

    在这个例子中,我们通常会有一个`&lt;ul&gt;`元素作为评论列表的容器,每个评论是一个`&lt;li&gt;`元素。每个`&lt;li&gt;`元素内部可能包含评论标题和内容两部分,标题通常是一个链接或具有点击事件的元素。例如: ```html &lt;li&gt; ...

    纯CSS UL LI下拉式菜单特效.rar

    "纯CSS UL LI下拉式菜单特效"是一个高效且实用的解决方案,尤其适用于那些希望保持页面简洁、避免过多JavaScript交互的网站。这个压缩包提供了一种无需JavaScript就能实现下拉效果的CSS方法,遵循了WEB2.0标准,提高...

    Li methods in optic

    Fox-Li迭代法是其中的一个应用实例,它特别用于计算激光腔内模式的分布,可以被视作是一种通过迭代过程来求解Maxwell方程的方法。 Fox-Li迭代法的核心在于考虑激光腔内光场的本征模式。在封闭的激光腔内,光波会...

    Python库 | li-common-0.0.3.tar.gz

    今天我们要探讨的是一个名为“li-common”的Python库,具体版本为0.0.3,封装在一个名为“li-common-0.0.3.tar.gz”的压缩包文件中。这个库主要面向Python的后端开发,旨在提供通用的、可复用的工具和模块,以提升...

    wan-nian-li.rar_wan. nian. li_wan?nian?li

    在计算机中,日期通常被表示为一个特定的时间戳,如自1970年1月1日以来的秒数。在处理万年历查询时,需要将用户输入的年、月、日转换成这种格式,再进行计算。这涉及到对闰年规则的理解(每四年一闰,但世纪年不是...

    统计计算-北大数院-Dongfeng Li2018_统计计算_

    这本书旨在为学习者提供一个全面且深入的统计计算入门指南,特别适合初学者。下面将围绕这个主题,详细介绍统计计算的基础知识、R语言和Julia语言在统计计算中的应用,以及这门课程可能涵盖的关键概念。 一、统计...

    Python库 | li-common-0.2.2.tar.gz

    总之,"li-common-0.2.2.tar.gz"是一个值得研究的Python库,它的存在是为了帮助开发者更高效地编写Python代码。无论是作为学习的素材,还是实际项目中的工具,都具有很大的价值。深入理解和使用这个库,不仅能提高...

    各类强CAPE AI LI等对流指数计算

    再者,LI( Lifted Index)提升指数,是评估大气稳定性的另一个指标。它是将标准大气状态下的露点温度与实际观测到的地面温度进行比较,得出的负值表示大气不稳定,有利于对流发展。反之,正值表示大气稳定,对流...

    js Li来实现的效果

    在这个例子中,我们首先通过`getElementsByTagName('li')`获取页面上所有的`&lt;li&gt;`元素,并将它们存储在一个数组`lis`中。 接着,我们使用一个`for`循环遍历这个数组,每两个索引为偶数的`&lt;li&gt;`元素(即`i+=2`),...

    Jquery和JS获取ul中li标签的实现方法

    如果想要获取每个ul下的最后一个li元素,可以使用`.each()`方法来遍历ul元素,并获取每个ul下的最后一个子元素: ```javascript $(function() { $("ul").each(function(){ var y = $(this).children().last(); ...

Global site tag (gtag.js) - Google Analytics