您好，欢迎来到舟格财经。
科技 教育 生活 旅游 时尚 美容 美食 健康 体育 游戏 汽车 家电
搜索
您的当前位置：首页CSS：列表样式（设置列表项的标志图案/位置）_html/css_WEB-ITnose

CSS：列表样式（设置列表项的标志图案/位置）_html/css_WEB-ITnose

来源：舟格财经


通过CSS 列表属性可以放置、改变列表项标志，或者将图像作为列表项标志。

代码整理自w3school：http://www.w3school.com.cn

效果图：

示例代码：

CSS 列表样式  
CSS 列表属性允许你放置、改变列表项标志，或者将图像作为列表项标志。
 
 
(一)设置列表的列表项标志：list-style-type
 
  • 苹果
    •  
  • 橘子
    •  
  • 香蕉
    •  
    (二)设置自定义图标为列表的列表项标志：list-style-image
     
  • 苹果
    •  
  • 橘子
    •  
  • 香蕉
    •  
    (三)设置列表项标志的位置:list-style-position
     
    (1)inside
     
  • 苹果
    •  
  • 橘子
    •  
  • 香蕉
    •  
    (2)outside
     
  • 苹果
    •  
  • 橘子
    •  
  • 香蕉
    •  
    (四)将以上3个列表样式属性合并为一个属性：list-style
     
  • 苹果
    •  
  • 橘子
    •  
  • 香蕉
    •

    Copyright © 2019- zougedi.com 版权所有

    违法及侵权请联系：TEL:199 18 7713 E-MAIL:2724546146@qq.com

    本站由北京市万商天勤律师事务所王兴未律师提供法律服务