如何修改列表项li、ul前的圆点小方块

Posted 2023-04-08

参考技术A 应 的属性list-style-type 应应 应 应 应应 应 应 ，要把 点改成 心方解 思路： 决在html 中 有相项的 性可以项置项效果，但在 没 属 CSS 中可以，相项的 性项 属 list-style-type，要把项点改成项心方项，只需要项置list-style-type 的项项 square。具 步项： 体代项示例：ullilist1lilist2lilist3lilist4/ul技巧：想必大家都注意到，列表项 左项有 大一段距 ，利用前面 项的知项，项置 离 很 离 学margin-left 性就行了： 属ullilist1lilist2lilist3lilist4/ul外，如果要把小黑点项成自定项项片，可以用 另 list-style-image，用法：list-style-image:url提示：项于列表项目，项有一个list-style-position 性可以定项，主要用于项置列表项前的 属符 根据列表文字的排列方式，项项的脚本特性项 号 listStylePosition。可项项的项明outside 列表项目符 在文本以外，文本不根据项项项项。 号inside 列表项目符 在文本以 ，文本根据项项项项。 号 内特项提示本例代项 行效果如项 运 2.1.6.9 所示，原本项项心项点的列表符 项在已项项成了项心方项。 号项 2.1.6.9 自定项列表项前的符 号特项项明list-style-type 性用于项置列表项目前的符 ，项项的脚本特性项 属 号 listStyType，可项项及项明如表2.1.6.1 所示。list-style-image 性用于项置列表项目前的自定项项片，项项的脚本特性项 属listStyleImage。如果同项项置list-style-image 和list-style-type，项 list-style-type 性 被忽略 属 将 ，除非list-style-image 的项项置项 none 或指定的项片不可用，list-style-type 才有作用。list-style-type、list-style-position 和list-style-image 的项合 性项 属 list-style。表2.1.6.1list-style-type 性的可项项 属可项项项明none 不使用项目符 号disc 项心项，默项项circle 空心项square 项心方项decimal 阿拉伯 字 数lower-roman 小 项项项 字 写 数本回答被提问者采纳

列表标签

无序列表:
　　　　ul
　　　　　　li : 列表项
　　　　　　type : disc实心圆,circle空心圆,square小方块

　　　示例：

　　　　　　      <ul type="circle">
　　　　　　　　　　<li>列表1</li>
　　　　　　　　　　<li>列表2</li>
　　　　　　　　　　<li>列表3</li>
　　　　　　</ul>   

有序列表:
　　　　ol
　　　　　　li : 列表项
　　　　　　type :　I 1 a A

　　  示例:

　　　　　　<ol type="I">
　　　　　　　　<li>百度</li>
　　　　　　　　<li>网易</li>
　　　　　　　　<li>腾讯</li>
　　　　　　</ol>