Bár a HyperText Markup Language( HTML) olyan címkét biztosít, amely vízszintes osztót hoz létre, nincs egyenértékű elem, amely függőleges vonalat hoz létre. Szükség van a függőleges alakra, ezért ez dilemmát teremt. Szerencsére van lehetőség arra, hogy egy olyan megoldást használjon, amely egy HTML táblát tartalmaz, és a Cascading Style Sheets( CSS) kódot határokon keresztül alkalmazza. Megtudhatja, hogyan lehet létrehozni a HTML-kódot, és alkalmazni a CSS szabályt, amely sikeresen létrehoz egy függőleges, egyenes vonalat.

által támogatott utasítások

  1. Indítsa el a Windows operációs rendszert futtató Notepad szövegszerkesztő programot, és nyisson meg egy weboldaladatot.

  2. Pozícionálja a kurzort a kívánt területre, ahol meg szeretné jeleníteni a tömör vonalat. Adja meg a HTML kódot, amely létrehoz egy egyszerű táblát:

    & lt; table & gt;

    & lt; tr & gt;

    & lt; td & gt;

    & lt; / tr & gt;

    & lt; / table & gt;

  3. Írja be a következő kódot a zárás előtt "& lt; / head & gt;elem a CSS stílus szabályának létrehozásához az asztalhoz:

    & lt; style type = "text / css" & gt;

    & lt;! -

    táblázat{ }

    - & gt;

    & lt; / style & gt;

  4. Írja be a "border-left:;"vagy "határ-jobb";a göndör zárójelek között, hogy megállapíthassa, hogy a vonal balra vagy jobbra jelenik meg, és a kettőspont után írja be a "szilárd" értéket, hogy meghatározza a vonal megjelenését. Adjon meg egy számot pixelben( px), hogy meghatározza a függőleges vonal szélességét, és adjon meg egy színt, például fekete színt a vonal árnyékolásához. Illusztráció:

    táblázat{ határ-bal: 1px fekete;}

  5. Típus "magasság:;"és írja be a számértéket pixelben( px) vagy százalékban( %) annak meghatározásához, hogy mennyi ideig legyen a vonal. Például:

    táblázat{ határ-bal: 1px fekete;magasság: 300px;}

  6. Mentse el a fájlt. Nyissa meg böngészőablakában a böngésző "Fájl" menüjének "Megnyitás" vagy "Fájl megnyitása" lehetőségre kattintva. Ha elégedett a függőleges vonallal, töltsd fel a fájlt a webes fogadónak, hogy közzétegye. Ellenkező esetben módosítsa a stílus szabály értékeit, mielőtt elmentené és feltöltené a gazdagépre.

erőforrások

  • Tizag: CSS bemutató - Border
  • World Wide Web Consortium( W3C): Box Modell
  • World Wide Web Consortium( W3C): kezdve a HTML + CSS
verziótól