如何在HTML中创建带有图像项目符号的无序列表？

要在HTML中创建无序列表，请使用<ul>标记。无序列表以<ul>标记开头。列表项以<li>标记开头，并将被标记为圆盘，正方形，圆形等。默认值为项目符号，即黑色小圆圈。如果要创建带有图像项目符号的无序列表，请使用CSS属性list-style-image。

我们将使用样式属性。style属性指定元素的内联样式。该属性与HTML <ul>标记一起使用，并与CSS属性list-style-image一起使用，以将图像项目符号添加到无序列表中。URL属性设置列表项的图像源。

请记住，样式属性的使用会覆盖全局设置的任何样式。它将覆盖HTML <style>标记或外部样式表中设置的任何样式

示例

您可以尝试运行以下代码以将图像项目符号设置在无序列表中-

<!DOCTYPE html>
<html>
   <head>
      <title>HTML Unorderd List</title>
   </head>
   <body>
      <h2>Tutorials</h2>
      <p>The list of tutorials:</p>
      <ul style="list-style-image: url('/theme/css/icons/image-editor.png');">
         <li>Java</li>
         <li>C++</li>
         <li>Ruby</li>
      </ul>
   </body>
</html>

基础教程