本节内容:
用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前面的点