网创优客建站品牌官网
为成都网站建设公司企业提供高品质网站建设
热线:028-86922220
成都专业网站建设公司

定制建站费用3500元

符合中小企业对网站设计、功能常规化式的企业展示型网站建设

成都品牌网站建设

品牌网站建设费用6000元

本套餐主要针对企业品牌型网站、中高端设计、前端互动体验...

成都商城网站建设

商城网站建设费用8000元

商城网站建设因基本功能的需求不同费用上面也有很大的差别...

成都微信网站建设

手机微信网站建站3000元

手机微信网站开发、微信官网、微信商城网站...

建站知识

当前位置:首页 > 建站知识

怎么在css中去掉li标签的点

这期内容当中小编将会给大家带来有关怎么在css中去掉li标签的点,文章内容丰富且以专业的角度为大家分析和叙述,阅读完这篇文章希望大家可以有所收获。

让客户满意是我们工作的目标,不断超越客户的期望值来自于我们对这个行业的热爱。我们立志把好的技术通过有效、简单的方式提供给客户,将通过不懈努力成为客户在信息化领域值得信任、有价值的长期合作伙伴,公司提供的服务项目有:主机域名虚拟主机、营销软件、网站建设、平川网站维护、网站推广。

html的li标签默认带有小圆点,css中可以使用list-style-type属性来去掉li的小圆点;只需要给li标签添加“list-style-type: none;”样式,设置li列表项前无标记即可。

html中的

  • 标签自动会带个小圆点(无序列表中)

        
    • Coffee
    •   
    • Tea
    •   
    • Milk

    效果图:

    怎么在css中去掉li标签的点

    要如何去掉这个小圆点呢?其实简单,只需要对

  • 标签设置样式 list-style-type: none; 就可以去掉小圆点了。

    
    
     
     
    
    li {list-style-type:none;}
    
    
    
    
    
        
    • Coffee
    •   
    • Tea
    •   
    • Milk

    效果图:

    怎么在css中去掉li标签的点

    有序列表的序号也可以使用list-style-type: none;样式去除。

    css  list-style-type属性

    list-style-type 属性设置列表项标记的类型。【 】

    可以设置的属性值有:

    描述
    none无标记。
    disc默认。标记是实心圆。
    circle标记是空心圆。
    square标记是实心方块。
    decimal标记是数字。
    decimal-leading-zero0开头的数字标记。(01, 02, 03, 等。)
    lower-roman小写罗马数字(i, ii, iii, iv, v, 等。)
    upper-roman大写罗马数字(I, II, III, IV, V, 等。)
    lower-alpha小写英文字母The marker is lower-alpha (a, b, c, d, e, 等。)
    upper-alpha大写英文字母The marker is upper-alpha (A, B, C, D, E, 等。)
    lower-greek小写希腊字母(alpha, beta, gamma, 等。)
    lower-latin小写拉丁字母(a, b, c, d, e, 等。)
    upper-latin大写拉丁字母(A, B, C, D, E, 等。)
    hebrew传统的希伯来编号方式
    armenian传统的亚美尼亚编号方式
    georgian传统的乔治亚编号方式(an, ban, gan, 等。)
    cjk-ideographic简单的表意数字
    hiragana标记是:a, i, u, e, o, ka, ki, 等。(日文平假名字符)
    katakana标记是:A, I, U, E, O, KA, KI, 等。(日文片假名字符)
    hiragana-iroha标记是:i, ro, ha, ni, ho, he, to, 等。(日文平假名序号)
    katakana-iroha标记是:I, RO, HA, NI, HO, HE, TO, 等。(日文片假名序号)

    上述就是小编为大家分享的怎么在css中去掉li标签的点了,如果刚好有类似的疑惑,不妨参照上述分析进行理解。如果想知道更多相关知识,欢迎关注创新互联行业资讯频道。


    网页名称:怎么在css中去掉li标签的点
    路径分享:http://bjjierui.cn/article/jojcsp.html
  • 其他资讯