html5无序列表用图片显示，html里无序列表

html中,无序列表中的小方块可以变小吗?感觉那个方块太大了,有谁...

这个图标是可以自定义的。在CSS中设置“list-style-image”即可。

方法：给li加上 list-style-type：none；这个样式就可以了。具体步骤：html中的无序列表是ul标签，这个标签本身自带属性，前面有小圆点，一个实际的效果说明下：就看到了楼上所说的圆点了。

给li加上 list-style-type：none这个样式就可以了消除黑点。具体步骤如下：这个标签本身自带属性，前面有小圆点是它的实际的效果，如下图。加上 li{list-style-type：none；} 样式之后在页面上的显示效果。

同样的无序列表前面的标识也可以有多种形式，这里提供了disc 实心圆，circle空心圆，square实心方块，这里用type属性设置标识为square实心方块，可以看到项目符号变成了实心的方块了。

我前面遇到了一样的问题，通过开发者工具看见了正常显示的网站都有padding，而我这边没有。然后我发现了原来是我css中有一条 *{margin：0；padding：0；}。 然后我试了一下给ul padding：20px； 就可以正常显示了。

列表之间的嵌套： 在Html里允许在一个列表里嵌套另一个列表，每个嵌套的列表都会再一次以缩进形式显示，但不建议对列表进行多次嵌套，这样在浏览器的显示会有点乱。

相关问答

Q1: HTML列表有哪些类型呢?

html中有三种列表，分别是无序列表，有序列表，自定义列表。

Html中列表共有三种：有序列表、无序列表和自定义列表。下面分开解释下：有序列表是一列使用数字进行标记的项目，它使用li包含于ol标签内。

无序列表HTML 使用 ul 标签来表示无序列表。无序列表和有序列表类似，都是使用 li 标签来表示列表的每一项，但是无序列表之间的内容没有顺序。例如，早饭的种类不需要表明顺序，这时就可以使用无序列表。

html中共有3种列表：无序列表ul、有序列表ol、定义列表dl。无序列表：ulli……/lili……/li/ul ul是最常用到的列表，一般的新闻列表都是通过ul实现的。其中li是没有顺序性的，就是并列关系。

有序列表和无序列表。 ol和ul。 建议去w3school去学，那里有很多资料。

HTML5中的列表类型包括无序列表、有序列表和定义列表。无序列表，使用ul和li标签来定义。有序列表，使用ol和li标签来定义。定义列表，使用dl、dt和dd标签来定义。

Q2: 无序列表换掉左边的小点为图片css的list-style-image:url(1.jpg...

你这个功能可以不要使用UL的：list-style-image：url(jpg)改成使用LI的： background 然后使用 background-size 来设置图片大小 。注： CSS1 之前是不能设置背景图大小的。

html中的无序列表是ul标签，这个标签本身自带属性，前面有小圆点，一个实际的效果说明下：就看到了楼上所说的圆点了。

在相关的页面找到head部分写入style type=text/csslist-style：none；/style，给li加上 list-style-type：none这个样式就可以了消除黑点。

ul{ list-style-type ：none ；} /*这一句是将默认列表的符号去掉。

有解决方法。首先，去掉li默认样式：li{ list-style-type：none；} 然后是使用图片作为li元素的背景。li{ background： url(bg.jpg) no-repear 0 8px ；pdding-left：20px；} bg.jpg为小图片背景文件。

这个图标是可以自定义的。在CSS中设置“list-style-image”即可。

Q3: 如何设置ul标签居中显示?

将li的height和line-height设置成为和设计稿一样的将列表图标整体切出来，铺在ul上，不平铺使用background-position控制ul背景和li中的文字对齐即可。。

首先，打开html编辑器，新建html文件，例如：index.html，填充问题基础代码。在index.html中的style标签中，输入css代码：#menu {text-align： center}。

表示灵活的项目将垂直显示，正如一个列一样。justify-content 用于设置或检索弹性盒子元素在主轴(横轴)方向上的对齐方式，当设置其属性值为center时，表示项目位于容器的中心。

首先先打开我们的开发环境新建一个web项目。在html中引入css文件这里是html页面的代码div和ul。将所有标签的margin和padding初始为0然后将父级div的display设置为flexalign-items设置为center。

要实现UL标签水平居中，关键在于CSS中 display：inline 的运用。

关于html5无序列表用图片显示和html里无序列表的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。