css li去掉点的方法示例

发布时间:2020-11-10编辑:脚本学堂
本文介绍下,在css样式表中,去掉li中默认的点的方法,分享一个完整的例子,方便大家学习参考。

本节内容:
用css代码去掉li中的点

在页面中,去掉li左边的点,重写li默认样式即可。
例如:
1,css样式
 

复制代码 代码示例:
li{list-style-type:none;}

2,html内容部分
 

复制代码 代码示例:
<div class="ks7hd">
  <div class="ks7l">{$GetUserLoginByScript} </div>
  <div class="ks7r">
    {$JS_HomePage} |
    {$JS_Collection} |
    <a href="{$GetInstallDir}Item/list.asp?id=832">帮助中心</a> |
    <a href="{$GetInstallDir}map.asp">站内地图</a> |
    <a href="{$GetInstallDir}rss.asp"><img src="{$GetInstallDir}images/rss.gif" align="absmiddle" /></a> 
  </div>
</div>
<div class="clear"></div>
<!--头部logo-->
<div class="head">
   <div class="logo"><img src="{$GetInstallDir}images/logo.jpg" alt="科汛官方首页" /></div>
    <div class="nav">
        <ul>
            <li><a href="{$GetInstallDir}user">会员<span>User</span></a></li>
            <li><a href="{$GetInstallDir}shop/GroupBuy.asp">团购<span>Buy</span></a></li>
            <li><a href="{$GetInstallDir}product">产品库<span>Proudcts</span></a></li>
            <li><a href="{$GetInstallDir}Item/list.asp?id=924"><font color="#CC0000">房产</font><span>House</span></a></li>
            <li><a href="{$GetInstallDir}space/">空间<span>Space</span></a></li>
            <li><a href="{$GetInstallDir}company">黄页<span>Company</span></a></li>
            <li><a href="{$GetInstallDir}club/">论坛<span>BBS</span></a></li>
            <li><a href="{$GetInstallDir}specialindex.asp">专题<span>Topic</span></a></li>
        </ul>
    </div>
</div>
<div class="clear"></div>
<!--头部频道导航-->
<div class="menu">
  <div class="menul"><img src="{$GetInstallDir}images/mainnav_bg_L.gif" /></div>
  <div class="menum">
     <ul>
       <li class="current"><a href="{$GetsiteUrl}">网站首页</a></li>
      {LB_频道导航}
     </ul>  
  </div>
  <div class="menur"><img src="{$GetInstallDir}images/mainnav_bg_R.gif" /></div>
</div>

说明:以上代码是一个模板页面,大家可以简单化一些,在自己制作的页面中使用样式li{list-style-type:none;}即可。

您可能感兴趣的文章:
css去掉li点、修改ul缩进间距的方法
css去掉li的点 实现ul、li的横向排列
css样式去掉li的点的方法(list-style-type语法)
详解CSS中px和em属性的特点与区别
详细解析DIV+CSS布局的十八条优点
ul li去点、变色、改成图片
如何去掉ul,li前面的点
如何去掉li前面的点