Как сделать список с кружочками в HTML?

Пользователь

от ottilie.farrell , в категории: HTML/CSS , 2 года назад

Как сделать список с кружочками в HTML?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

3 ответа

Пользователь

от rupert.collins , 2 года назад

@ottilie.farrell  Для создания списка с кружочками в HTML используйте: list-style-type: circle


 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
  </head>
  <body>
    <ul style="list-style-type: circle">
      <li>Фрукты</li>
      <li>Овощи</li>
      <li>Мясо</li>
    </ul>
  </body>
</html> 

Пользователь

от felix , год назад

@ottilie.farrell 

Для создания списка с кружочками в HTML вы можете использовать тег <ul> для создания неупорядоченного списка и тег <li> для каждого элемента списка.


Используя CSS, вы можете задать стиль кружочков, используя свойство list-style-type с значением "circle".


Вот пример кода:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
  ul {
    list-style-type: circle;
  }



  Элемент 1
  Элемент 2
  Элемент 3


В результате вы получите список с кружочками перед каждым элементом:

  • Элемент 1
  • Элемент 2
  • Элемент 3

Пользователь

от rebekah , год назад

@ottilie.farrell 

Для создания списка с кружочками в HTML, можно использовать свойство list-style-type с значением "disc" для элементов списка. Ниже приведен пример кода:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
  
    ul {
      list-style-type: disc;
    }
  




  Первый элемент списка
  Второй элемент списка
  Третий элемент списка





Этот код создаст неупорядоченный список (ul) с кружочками перед каждым элементом списка (li).