Css meniu vertical - clase css

Crearea de meniuri CSS verticale

Din lecția precedentă, puteți învăța cum să faci un meniu simplu (și minunat), parametrii de control în tag-ul cadru

    • . Dar este de multe ori o nevoie de a face ceva mai original.

    În această lecție, creați un meniu vertical folosind imaginea - adică, elementele de meniu va fi imaginea (dacă spui într-un mod simplu)

    Imagineaza punctele obișnuite:

    Imagini când deplasați cursorul mouse-ului:

    Aceste două imagini trebuie să fie în directorul de imagini

    Va introduce în meniul unei liste: Tag-uri

  • încheiat între tag-uri

      pentru etichetele
        folosind identificatori vor fi stiluri de set:

        ul # my_menu - stilul general pentru etichete


          ul # my_menu li un - stil pentru legăturile dintre prizonieri tag-uri

        • ul # my_menu li a: hover - meniu Stil atunci când treceți peste una dintre ele
          ul # my_menu li un interval - stil pentru text (nume de elemente din meniu)

          Creați două fișiere: my_menu.css și test_menu.html;
          Acestea trebuie să fie în același director (sau scrie calea către directorul în care fișierul my_menu.css)
          Meniul Style va fi conectat între etichetele în fișierul test_menu.html

          Codul din my_menu.css fișier

          Codul din test_menu.html fișier

          Pe baza cunoștințelor dobândite din această lecție, veți fi capabil de a face un meniu frumos original (o mulțime depinde de imaginația).

          articole similare

          Pagina anterioară

          Pagina următoare