.contentT{ clear:both; border-top:1px solid #fff; border-left:1px solid #fff;}.contentT ul{ width: 300px; }.contentT li{ float:left; list-style-type:none; height:14px; width:52px; display:bl...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2007-06-16 08:00:00
                            
                                906阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            转载:感觉写的挺见解的,借鉴过来,以备后用。li 不换行 ------不换行的策略: 不换行原理:ul 和 li 默认都是 display:block; 的标签,可以通过2种方式实现 li 的 不换行显示:* 将 li 设为 display:inline; ,然后通过 marging 和 padding 设置 li 的间距,* 将 li 设为 float:left; ,然后通过            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2013-11-18 15:24:31
                            
                                392阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            li{font-size:9pt;padding:3px;width:220px;list-style:none;}li:hover{background:skyblue; padding:3px;border:1px solid#003399;}            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-07-22 12:50:42
                            
                                190阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            LI代码的格式化:A).运用CSS格式化列表符: ul li{list-style-type:none;}例如下面的: 供求信息 B).如果你想将列表符换成图像,则: ul li{ list-style-type:none;   font-size:12px; list-style-image: url("csdnindex_pic35.gif"); vertical-align:middle;}...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2009-12-28 21:20:00
                            
                                779阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            第一步:建立一个无序列表我们先建立一个无序列表,来建立菜单的结构。代码是:<ul><li><a href="1">首页</a></li><li><a href="2">产品介绍</a></li><li><a href="3">服务介绍</a></li><li><a href="4">技术支持</a></li><            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2011-09-24 10:17:00
                            
                                1031阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            我直接写了个案例,先看下效果图: 下面是h...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2018-03-09 20:33:00
                            
                                228阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            我直接写了个案例,先看下效果图:  下面是html代码:<!DOCTYPE html><html>    <head>        <meta charset="utf-8" />        <title>机构动态</title>        <style type="            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2018-03-09 20:33:05
                            
                                1156阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            $(this).click(function(){
   if($(this).hasClass(“zxx_fri_on”)){
     $(this).removeClass(“zxx_fri_on”);
   }else{
     $(this).addClass(“zxx_fri_on”);
   }
   return false;
 });添加或去除元素集合的class name1.            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-09-05 19:03:41
                            
                                270阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            Document 12313 by jubdit 12313 by jubdit 12313 by jubdit 12313            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2018-01-31 09:51:00
                            
                                1155阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            先给一个简单的示例HTML代码 
 
<body>      <form id="form1" runat="server">  
    <div id="title">  
    <ul id="list" >  
    <li>标题一</li>  
    <li>标题二</li>              
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2017-08-11 17:20:00
                            
                                1063阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            .relatebar li{width:98px;height:146px;padding:5px;float:left;border-left:1px solid #ccc;}.relatebar li:first-child{border-left:0px solid #ccc;}.lanmu3...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2015-07-14 16:03:00
                            
                                441阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
                         
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2009-08-09 01:21:00
                            
                                432阅读
                            
                                                                             
                 
                
                             
         
            
            
            
              ul和li列表是使用CSS布局页面时常用的元素。在CSS中,有专门控制列表表现的属性,常用的有list-style-type属性、list-style-p_w_picpath属性、list-style-position属性和list-style属性。
  一、list-style-type属性
  list-style-type属性是用来定义li列表的项目符号的,即列表前面的修饰。list            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2011-04-10 22:55:27
                            
                                8029阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            首先贴一段html代码: 我们想设置a标签,使得鼠标移入的时候有提示信息。但是如果原生的css,a标签中没有内容的话,其大小是0*0,无法达到效果 我们进行如下设置: 把li设置为 inline,把a设置为block并且设置高度为100%            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2018-05-14 17:12:00
                            
                                627阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            <li>中,经常要做两件事,一个是去掉列表项的点; 
 一个是控制缩进的内容,两者都可以用CSS去做,下面小结下: 
   1)去掉列表项的点 
      <style type="text/css"> 
 li{list-style-type:none;} 
 </style> 
 <ul>            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-12-02 11:07:29
                            
                                690阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            去掉li标签前的项目符号(小圆点)   list-style: none;品优购快报的案例如下:<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-05-16 02:43:01
                            
                                1217阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            CSS中的ul li是用来定义无序列表样式的。其中,ul表示无序列表(unordered list),li表示列表项目(list item)。你可以使用CSS来为ul li元素设置样式,如下所示:ul {
  list-style-type: disc; /* 设置列表项的标志样式为实心圆 */
  margin: 0; /* 清除默认的外边距 */
  padding: 0; /* 清除默认的内            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-08-17 13:25:12
                            
                                600阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            背景属性background-color:red;background-image:url(图片地址);background-repeat:no-repeat;//repeat-x;repeat-y;repeat是否平铺background-positon:left ;//right center top center bottom展开方式backgroun            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2021-07-27 15:44:49
                            
                                288阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            背景属性background-color:red;background-image:url(图片地址);background-repeat:no-repeat;//repeat-x;repeat-y;repeat是否平铺background-positon:left ;//right center top center bottom展开方式backgroun            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-03-04 16:05:34
                            
                                169阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            <!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>练习 分页</title>        <link type="text/css" href="css/sty            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2021-07-05 13:38:20
                            
                                311阅读