css去掉LI前面的小图标,发现border-bottom:dashed下划线也没有了

html-css011

css去掉LI前面的小图标,发现border-bottom:dashed下划线也没有了,第1张

 .aa ul li

        {

            line-height: 30px

            width: 610px

            min-height: 30px

            border-bottom: dashed 1px #999999

            background:url(libg.gif) 5px 10px no-repeat

            text-align: -webkit-match-parent

        }

去掉display: list-item即可。

第一项这样设:

<li class="noborder">菜单1</li>

css这样写:

.noborder{border:0}

=w=,三个方法……

一:把ul或li 中的行高删掉。

二:修改图片,把那红色的画下一点,可做成gif透明图(如原本图为:16*16,可画成:16*21,红色部分在最底部。)。

三:去掉list-style-image属性,改为在li 中用 background 属性

如:

ul{list-style:none}

li{padding-left:18pxbackground:url(pot.gif) no-repeat left 5px}

以上……