html中用ul 时可以去除列表前面的点 那用ol时可以去除吗

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了html中用ul 时可以去除列表前面的点 那用ol时可以去除吗相关的知识,希望对你有一定的参考价值。

<ol><li></li></ol>有序列表在网页制作中一般用的较少,固定好的编号一般是无法去掉的,但是可以修改其中的编号类型,有序列表在网页中使用的频率比较少,因为它的样式可以通过CSS来修改的。

有序列表的使用方法:

<ol type="A">

<li>这就是列表的内容了,这是第一句</li>

<li>这就是列表的内容了,这是第二句</li>

<li>这就是列表的内容了,这是第三句</li>

<li>这就是列表的内容了,这是第四句</li>

<li>这就是列表的内容了,这是第五句</li>

</ol>

输出结果:编号A/B/C/D/E

网页设计中用得较多的是无序列表<ul><li></li></ul>和定义列表<dl><dt></dt><dd></dd></dl>

参考技术A <style>
lilist-style:none;
</style>这样就可以用ul 时可以去除列表前面的点 那用ol时也可以去除
参考技术B 可以,用CSS控制

去除ul前的点:ul list-style: none;
去除ol前的编号:ol list-style: none;

插入<style>标记之中,像这样
<head>
<style type="text/css">
ol list-style: none;
</style>
</head>
参考技术C <ul> 标签定义无序列表

<ol> 标签定义有序列表

有序是什么 12345 abcde
所以,ol去除列表前面的点 又从何说起
参考技术D <ol><li></li></ol>有序列表在网页制作中一般用的较少,固定好的编号一般是无法去掉的,但是可以修改其中的编号类型,有序列表在网页中使用的频率比较少,因为它的样式可以通过CSS来修改的。

有序列表的使用方法:
<ol type="A">
<li>这就是列表的内容了,这是第一句</li>
<li>这就是列表的内容了,这是第二句</li>
<li>这就是列表的内容了,这是第三句</li>
<li>这就是列表的内容了,这是第四句</li>
<li>这就是列表的内容了,这是第五句</li>
</ol>

输出结果:编号A/B/C/D/E

网页设计中用得较多的是无序列表<ul><li></li></ul>和定义列表<dl><dt></dt><dd></dd></dl>

希望帮助到你

重要的事情说三遍:列表 ul / ol 等是块级元素,是块级元素,块级元素

HTML 块级元素

大多数 HTML 元素被定义为块级元素或内联元素。

编者注:“块级元素”译为 block level element,“行内元素”译为 inline element。

块级元素在浏览器显示时,通常会以新行来开始(和结束)。

例子:<h1>, <p>, <ul>, <table>

HTML 行内元素

行内元素在显示时通常不会以新行开始。

例子:<b>, <td>, <a>, <img>

 


 

总之一句话:能定义宽高的是块,其他是行内元素。

以上是关于html中用ul 时可以去除列表前面的点 那用ol时可以去除吗的主要内容,如果未能解决你的问题,请参考以下文章

如何去掉ul,li前面的点

看看怎么用CSS去掉ul li前面的黑色小圆点方法

学习的基本知识点

无序列表<ul>和有序列表<ol>

HTML ul要怎么去点?

HTML知识点总结之ul,ol,li标签