Hogyan készítsünk egy szép css szalag (szalagok) címek

Minden olvasó a blog. Jó napot kívánok. Ma nézzük megtanulják, hogyan kell használni a CSS, hogy egy szép szalaggal a címe (szalagok). Most lássuk, mik ezek a szalagok? Nos, mint amit. -) Az első helyen - nagyon kényelmes a felhasználó számára az adatok fejlécek osztják, és az általuk nehéz lesz átadni, és a második helyen, a természetes szépség.

Nos, most, közvetlenül, menjünk tovább a szalagok.

Először létre kell hoznunk a héj maga, vagy szalagra, amely tart - ez egy szabályos téglalap egy francia szélein padding: 20px

Most ez a téglalap nézzük helyezze valamilyen elemet, például h1:

Nos, ma az elem h1 adjunk néhány stílusok:

Ez az, amit meg kell tenni, hogy:

Mint látható, a fejléc szalag már kezdtek megjelenni, de ez még nem minden. Most meg kell adni neki egy szép kilátás, és ezt mi lesz a CSS segítségével.

Most nézzük meg, mi történik:

Azonnal azt mondják, hogy ez a legegyszerűbb módja az, hogy úgy mondjam a „bázis” Természetesen lehetséges, sőt szükséges, hogy a kísérlet, például, hogy egy képet, gradiens, vagy lekerekített sarkok, majd válassza ki a megfelelő színt, akkor érheti el ezeket a figyelemre méltó hatása.

És itt egy példa arra, hogyan lehet, hogy egy szalag a fejléc: