Elválasztó vonalak, honlap készítés

Helyezze be az elválasztó vonalak

Az elkülönítés a szöveg a weboldal segítségével a címke


. A címke ki azon a helyen, ahol a megosztani kívánt szöveget. Az oldal így fog kinézni egy egyszerű fekete vonal teljes szélességében az oldal. Ha ez a feltétel teljesül, akkor a legegyszerűbb módja.

Néha szükség van beszúrni egy sort, vagy egy kicsit szélesebb, mint a teljes szélességét az oldalt. Ugyancsak nem nehéz. Csak azt kell a címkét több attribútumot. Tekintsük a következő példát.

Kezdeni, lássuk, hogyan néz ki a vonal behelyezése után egy címkét


:

A következő példákban további attribútumokkal kell a címkét. Nézzük őket.

szélessége - ez az attribútum a vonal hosszát. Hossz beállítása pixelben vagy százalékban;

mérete - ez az attribútum határozza meg a vonalvastagság beállítása pixel;

összehangolása - egy attribútum a sor illesztést, lehet hogy több értéket:

center - összehangolja a középvonal;

jobbra - összehangolja a jobb szélén a sor;

bal - összehangolja a bal szélén a sor

noshade - ez az attribútum jelzi az utat, hogy a töltési vonal, azaz a A megrajzolásáról teljesen.

Most tekintsük a sorok a példák ezeket a tulajdonságokat. Kérdezi paramétereket:


A vonal fog kinézni:

Most meg egy paraméter sor nem teljes szélességében az oldalt, és középen:


A sor így néz ki:

Kérdezi széles paraméterek és árnyékos sor:


A sor így néz ki:

Tudod, hogy egy elválasztó és forma:


Most azt mondom, egy kicsit arról, hogyan kell beszúrni egy gyönyörűen animált választóvonal. Ezzel is komplexitás nem. Nézzük a példát itt egy link:

Ez úgy történik, nagyon egyszerűen. Először meg kell találni a képsor, másolja, töltse fel a honlapon, és helyezze be a megfelelő helyre, mint egy normális képet. A kód így fog kinézni:

1.

- a helyét a kép közepén. Lehet változtatni, hogy jobbra vagy balra;

Most nézd meg, hogyan lehet létrehozni egy hasonló sort. Először keresse meg, vagy hozzon létre magának egy megfelelő hátteret. Például, én választottam egy háttérkép:

Feltöltötte a honlapon, a könyvtár médiafájlok másolt kép kódot, és illessze be a fenti kódot. Enyhén nőtt vonalvastagság. És hogy mi történt:

A lényeg itt több fantázia. Ezeket a csíkokat lehet bármilyen kép

Kapcsolódó cikkek