list-style-type 去除li 前面的标记(小黑点)

list-style-type 设置标记的样式（或者隐藏标记）

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <style type="text/css">
        ul
        {
            list-style-type:disc;
        }
         ul#none
        {
            list-style-type:none;
        }

        ul#circle
        {
            list-style-type:circle;
        }

        ul#square
        {
            list-style-type:square;
        }

        ul#decimal
        {
            list-style-type:decimal;
        }

        ul#decimal-leading-zero
        {
            list-style-type:decimal-leading-zero;
        }

        ul#lower-roman
        {
            list-style-type:lower-roman;
        }

        ul#upper-roman
        {
            list-style-type:upper-roman;
        }

        ul#lower-greek
        {
            list-style-type:lower-greek;
        }

        ul#lower-latin
        {
            list-style-type:lower-latin;
        }

        ul#upper-latin
        {
            list-style-type:upper-latin;
        }

        ul#armenian
        {
            list-style-type:armenian;
        }

        ul#georgian
        {
            list-style-type:georgian;
        }

        ul#lower-alpha
        {
            list-style-type:lower-alpha;
        }

        ul#upper-alpha
        {
            list-style-type:upper-alpha;
        }

        ol
        {
            list-style-type:lower-roman;
        }
    </style>
</head>
<body>
<ul id="none">
    <li>list-style-type:none</li>
    <li>中国</li>
    <li>美国</li>
</ul>
<ul id="circle">
    <li>list-style-type:circle</li>
    <li>中国</li>
    <li>美国</li>
</ul>
<ul id="square">
    <li>list-style-type:square</li>
    <li>中国</li>
    <li>美国</li>
</ul>
<ul id="decimal">
    <li>list-style-type:decimal</li>
    <li>中国</li>
    <li>美国</li>
</ul>
<ul id="decimal-leading-zero">
    <li>list-style-type:decimal-leading-zero</li>
    <li>中国</li>
    <li>美国</li>
</ul>
<ul id="lower-roman">
    <li>list-style-type:lower-roman</li>
    <li>中国</li>
    <li>美国</li>
</ul>
<ul id="upper-roman">
    <li>list-style-type:upper-roman</li>
    <li>中国</li>
    <li>美国</li>
</ul>
<ul id="lower-greek">
    <li>list-style-type:lower-greek</li>
    <li>中国</li>
    <li>美国</li>
</ul>
<ul id="lower-latin">
    <li>list-style-type:lower-latin</li>
    <li>中国</li>
    <li>美国</li>
</ul>
<ul id="upper-latin">
    <li>list-style-type:upper-latin</li>
    <li>中国</li>
    <li>美国</li>
</ul>
<ul id="armenian">
    <li>list-style-type:armenian</li>
    <li>中国</li>
    <li>美国</li>
</ul>
<ul id="georgian">
    <li>list-style-type:georgian</li>
    <li>中国</li>
    <li>美国</li>
</ul>
<ul id="lower-alpha">
    <li>list-style-type:lower-alpha</li>
    <li>中国</li>
    <li>美国</li>
</ul>
<ul id="upper-alpha">
    <li>list-style-type:upper-alpha</li>
    <li>中国</li>
    <li>美国</li>
</ul>

</body>
</html>

时间： 2024-08-13 15:38:48

list-style-type 去除li 前面的标记(小黑点)的相关文章

[HTML]去除li前面的小黑点,和ul、LI部分属性

[转] 对于很多人用div来做网站时,总会用到,但在显示效果时前面总是会有一个小黑点,这个令很多人头痛,但又找不到要源,其它我们可以用以下方法来清除.[HTML]去除li前面的小黑点,和ul.LI部分属性[转] 对于很多人用div来做网站时,总会用到,但在显示效果时前面总是会有一个小黑点,这个令很多人头痛,但又找不到要源,其它我们可以用以下方法来清除.1.在CSS中写入代码.找到相关性的CSS,在..li和.ul下写入list-sytle:none;当然有的会这样来写list-style-typ

如何在Html的CSS中去除<li>标签前面小黑点,和ul、LI部分属性方法

div是很多人做网站都会用到的,但在显示效果时前面总是会有一个小黑点,这个效果很多人不想要,但又不知到如何去除,然而我们可以用以下方法来清除. 1.在CSS中写入代码.找到相关性的CSS,在..li和.ul下写入list-sytle:none;当然有的会这样来写list-style-type:none, 这种写法特别是在一些CMS中最常见. 2.在相关的页面找到head部分写入下面的代码<style type="text/css">list-style:none;</

2016/4/17 去除 ul ol 前标记 list-style：none list-style-type:none

对于很多人用div来做网站时,总会用到,但在显示效果时前面总是会有一个小黑点,这个令很多人头痛,但又找不到要源,其它我们可以用以下方法来清除. 1.在CSS中写入代码.找到相关性的CSS,在..li和.ul下写入list-sytle:none;当然有的会这样来写list-style-type:none, 这种写法特别是在一些CMS中最常见. 2.在相关的页面找到head部分写入下面的代码 <style type="text/css"> list-style:none; &l

Html中CSS之去除li前面的小黑点,和ul、LI部分属性方法

对于很多人用div来做网站时,总会用到,但在显示效果时前面总是会有一个小黑点,这个令很多人头痛,但又找不到要源,其它我们可以用以下方法来清除.1.在CSS中写入代码.找到相关性的CSS,在..li和.ul下写入list-sytle:none;当然有的会这样来写list-style-type:none, 这种写法特别是在一些CMS中最常见.2.在相关的页面找到head部分写入下面的代码<style type="text/css">list-style:none;</st

html基础无序列表ul li 项目符号的类型 type 小黑点disc 空心圆circle 实心方块sqaure

镇场诗: 清心感悟智慧语,不着世间名与利.学水处下纳百川,舍尽贡高我慢意. 学有小成返哺根,愿铸一良心博客.诚心于此写经验,愿见文者得启发.------------------------------------------ code: 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=ut

strip_tags — 从字符串中去除 HTML 和 PHP 标记

string strip_tags ( string $str [, string $allowable_tags ] ) 该函数尝试返回给定的字符串 str 去除空字符.HTML 和 PHP 标记后的结果.它使用与函数 fgetss() 一样的标记去除状态机. 参数: $str:输入字符串 $allowable_tags:使用可选的第二个参数指定不被去除的字符列表. 实例: <?php$text = '<p>Test paragraph.</p><!--

去除li小圆点以及解决其空格问题

不管是ul还是ol中的li前面始终有个小圆点,以前没有发现问题,都是直接给ul增加list-style:none;属性,可今天屡试不爽的属性出现问题了,上图通过两张截图可以清晰的看到虽然小圆点去掉了,但是还是占着位置.典型的占着**不**,而且还影响视图效果,怎么办?先看看样式,里面没有margin或者padding这类的东东,然后看看盒模型,果然: 从盒模型可以看到ul有个padding,外围有margin,那就把padding去掉试试. 结果显示终于正常了,也没有占位了,完美!! 总结:修

PHP慢慢长路之问题与解决方法（1）——去除li下的圆点，记住啦~

在CSS下相对应添加以下样式设置,由于本次做的项目后续都不需要用到ul和li,所以设置了全局属性 @charset "UTF-8"; body,h1,h2,h3,h4,ul,ol,p,figure,form,fieldset { margin: 0; /*清理内外边距*/ padding: 0;} li { list-style-type:none;}

JavaScript基础通过id查找节点通过节点的style属性添加鼠标放上出现小手的效果 getElementById style

镇场诗: 清心感悟智慧语,不着世间名与利.学水处下纳百川,舍尽贡高我慢意. 学有小成返哺根,愿铸一良心博客.诚心于此写经验,愿见文者得启发.------------------------------------------ code: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"