Днес ще разгледаме как да създавате списъци на дадена уеб страница, която маркери се използват и да тестват различни стилове, за да промените външния вид.
Нека ви напомня, как да се свържете стилове, за да Html страница:
Има водещи символи или неподреден списък CSS и преброени.
Списък на маркери представляват изображения на различни форми: кръгове, квадрати, гарвани и други подобни. Те са наречени пелети. Като маркер за списъка и използват свои собствени рисунки.
Подреден списък представлява терминал информация под номера 1, 2, 3, и т.н.
Маркери обикновено са прости черни кръгове, тя е обща за потребителя, но от друга страна не са привлечени специално внимание на текста.
Ако решите да замени тези кръгове в дизайна, необходимостта да се овладеят дизайна на списъка, използвайки CSS. Това, което ще направим днес.
В основата на всеки списък се състои от следния уеб страница код:
- Първият елемент в списъка
- Вторият елемент
- Последният елемент в списъка
Това устройство изглежда така:
- Първият елемент в списъка
- Вторият елемент
- Последният елемент в списъка
Css списък дизайн маркери
Външен изход ще предпише в лист файла с style.css стил. Той може да се нарича по различен начин, но има .css разширение.
Стандартни CSS маркери: кръг (кръгче) - не затворен кръг, точка (диск) - затворен кръг, квадрат (квадрат) - твърд квадрат.
Генерира списък на код в CSS ул - с негова помощ ние питаме, кои от стандартните маркери ще бъдат показани на страницата.
Например, показва списъци с помощта на кръг (кръгче). Писането във файла CSS ще бъде това:
Например, един от вариантите за промяна на външния вид на списъка на длъжностите в стандартен кръг, ако няма съдържание блок ул за:
Или друг пример:
Пълен курс «Css практика"
необходимо за всеки уебмастър CSS знания, защото това е универсален начин да се направи с високо качество дизайн без презареждане кода на страницата.
За тези, които искат да се научат бързо трикове CSS стилове. Препоръчвам курс за напреднали "на CSS практика" Евгени Попов.
Графичен списък маркери.
Отстъп списък CSS.
Как да променя списъка с цвят CSS маркер за цвета му е различен от цвета на текста.
Вложени списъци. Както и в CSS да се направи хоризонтална списък. Променете номериран списък стил.
Изтеглете интересни маркери за списъците на сайта.
Свързани статии