Како центрирати хоризонталну листу у Див у ЦСС-у

Аутор: Laura McKinney
Датум Стварања: 2 Април 2021
Ажурирати Датум: 15 Може 2024
Anonim
HTML5 - CSS3 Tutorijal 23 - Kako napraviti padajući meni (dropdown menu)
Видео: HTML5 - CSS3 Tutorijal 23 - Kako napraviti padajući meni (dropdown menu)

Садржај

Када креирате веб страницу, може бити корисно користити ЦСС за центрирање хоризонталне листе, као што је изборник који се може кликнути. Можете користити ЦСС, који је стилски језик, поред ХТМЛ-а да бисте контролисали изглед ваше странице. ЦСС стилови се често приказују непредвидиво у различитим веб прегледачима, тако да је важно да темељно тестирате своју страницу пре него што је поставите. Неуређена листа (ул) је елемент на нивоу блока, тако да можете користити својство видтх да бисте креирали централизовани ефекат.


Упутства

Можете користити ЦСС и ХТМЛ да бисте контролисали изглед ваше веб странице (Цомстоцк / Стоцкбите / Гетти Имагес)
  1. Отворите ХТМЛ датотеку у уређивачу текста, као што је Виндовс Нотепад.

  2. Додајте тражене ЦСС стилове у хоризонталну листу у одељку ваше ХТМЛ датотеке додавањем следећег кода:

    типе = "тект / цсс"> .мицласс {тект-алигн: центер; } .мицласс ул {ширина: 275пк; маргин: 0пк ауто} .мицласс ли {дисплаи: блоцк; флоат: лефт; хеигхт: 50пк; лине-хеигхт: 50пк; маргин: 5пк; видтх: 125пк; бордер: солид 1пк блацк; }

    Ширина листе (ул) представља збир ширине и маргине хоризонталних ставки (ли).

  3. Креирајте хоризонталну листу у одељку ">" ХТМЛ датотеке додавањем следећег кода:

    • фирст итем
    • друга ставка у див

    Ознака "ул" означава неуређену листу. Ознака "ли" одговара ставци на листи. Ставке листе користе ЦСС стилове који одговарају горе наведеним.


  4. Сачувајте ХТМЛ датотеку и учитајте је на вашем веб серверу да бисте видели хоризонталну, центрирану листу.