Css függőleges menü - CSS osztályok

előző ◈ a következő

Létrehozása függőleges CSS menük

Az előző leckében megtanulhatod, hogyan lehet egy egyszerű (és szép) menü vezérlésére paramétereket a keret tag

    • . De ez gyakran kell csinálni valami eredeti.

    Ebben a leckében létre egy függőleges menü segítségével a kép - azaz, a menüpontok lesz a kép (ha mondjuk egy egyszerű módon)

    Kép a szokásos pontok:

    Képek, ha lebeg a kurzort:

    Ez a két kép kell a képek mappában

    Bevezeti a menü egy lista: Címkék

  • között megkötött címkék

      cimkék
        az azonosítók lesz set stílusok:

        ul # my_menu - általános stílusa cimkék


          ul # my_menu li a - stílus közötti kapcsolatok rabok címkék

        • ul # my_menu li a: hover - Stílus menüben, amikor fölé viszi az egyiket
          ul # my_menu li fesztávú - a szöveg stílusa (nevét a menüben lévő tételeket)

          Hozzon létre két állományt: my_menu.css és test_menu.html;
          Úgy kell lennie ugyanabban a könyvtárban (vagy írja be a mappa elérési útját, ahová a fájlt my_menu.css)
          Stílus menü lesz csatlakoztatva a címkék között A test_menu.html fájl

          A kód a fájlban my_menu.css

          A kód a fájlban test_menu.html

          Alapján a megszerzett tudást ezt a leckét, akkor képes lesz arra, hogy egy szép eredeti menüt (sok múlik a képzelet).

          Kapcsolódó cikkek

          előző ◈ a következő