一个li运用

最新推荐文章于 2019-09-27 17:14:44 发布

iteye_11981

最新推荐文章于 2019-09-27 17:14:44 发布

阅读量147

点赞数

分类专栏： web开发文章标签： XHTML HTML

本文链接：https://blog.csdn.net/iteye_11981/article/details/82066585

版权

web开发专栏收录该内容

27 篇文章 0 订阅

订阅专栏

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

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

iteye_11981

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
一个li运用

&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;&lt;head&gt;&lt;meta h
复制链接

扫一扫