Как да се отървем от куршумите в CSS

По подразбиране, когато уеб браузър показва неподреден списък на уеб страница, всеки елемент в списъка има предходен знак. Това поведение не винаги е желателно и може да не се вписва в цялостния ви дизайн на страницата. Използвайки CSS, можете да създадете клас, за да премахнете маркерите от конкретни списъци на вашата страница, или можете да насочите HTML маркера „ul“ директно, за да премахнете маркерите от всички списъци на страницата.

1

Създайте нова HTML страница в текстов редактор или приложение за уеб разработка.

2

Създайте прост неподреден списък, като добавите следния HTML към тялото на страницата:

  • Точка 1
  • Точка 2
  • Точка 3

Запазете страницата и прегледайте в уеб браузър. Ще видите, че браузърът показва букъл до всеки елемент в списъка.

3

Добавете следния код към раздела на страницата:

Това премахва маркерите от всеки списък, използвайки класа „myList“. Запазете страницата и презаредете във вашия уеб браузър, за да видите промените.

4

Променете правилото на CSS:

.myList {list-style-type: none;}

Да се:

ul {списък-тип-тип: няма; }

Това е насочено към HTML маркера „ul“ и премахва символите от всички неподредени списъци на вашата страница. Добавете втори примерен списък и прегледайте страницата във вашия уеб браузър, за да проверите дали и двата списъка се показват без символи.