一个li运用

laihuaiqing · 发表于 2013-2-7 20:23:59

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

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

		自动登录	找回密码
密码			立即注册

一个li运用

浏览过的版块