Hogyan hozzunk létre egy gyönyörű forma keresni a css
Szia kedves olvasók mainview.ru blog. Ma egy kis leckét azoknak, akik már elsajátították a CSS és HTML. Ma, lássuk, hogyan lehet létrehozni egy szép forma kíván CSS segítségével. egy minimális kódot. Hozzon létre három forma keresni egy másik színséma bizonyítani, hogy egy ilyen formában nézne különböző színekben.
Így fogunk létrehozni három stílus. sötétszürke. világosszürke és semleges szürke. mint az alábbi képen.
Mind a keresőmező van egy szöveges mező és egy gomb. megnyomásával, hogy mi lehet egy kérelmet, hogy megkeresse a szerver.
Az alábbiakban bemutatjuk, hogyan teremtünk a három forma és mit csinálunk. Sőt, mi határozza meg a három ugyanolyan szerkezetű, különböző csak a megjelölt osztályok. Különböző osztályok felelősek a különböző design.
Mint látható, az egyes színek, azt is meghatározta, és két módon, hogy tervezzen egy szövegmezőben adjon meg egy lekérdezést. Első mo létre egy olyan területen, lekerekített élek, majd a szokásos téglalap alakú doboz. Mit szeret, és fel lehet használni az elrendezés. Azt is megváltoztathatja a lekerekítés sugara, így egy kicsit más hatást.
A kiindulópont minden szövegbeviteli doboz egy kereső osztályban.
Styling formák
Először hozzunk létre egy közös stílust, megismételjük az összes fenti formában.
Kezdetként központtól a formát az oldalon. Ezután adjunk hozzá egy kis képet a keresés ikonra háttérképet a területen. Csak kérni francia beállítások forgalomba a szöveg van, hogy a szöveg a mezőben rárakódik maga az ikon.
Azoknak beviteli mezőt akarunk tenni, lekerekített élek, hozzá a megfelelő osztályba.
Ezután meghatározzuk egyéb paramétereit területeken.
Állítsa be a fő divs, amelyek a keresési forma.
Az egyetlen különbség a keresési forma az azokat tartalmazó DIV konténerek különböző háttérrel és a szöveges mezőkben különböző szegélyszíne a háttérben.
Keresés űrlap a sötétben - szürke
Keresés így egy könnyű - szürke
Keresés űrlap a semleges - szürke színű
A teremtés, a szép alak, hogy nézd át. Most már csak meg kell tesztelni eredményeinket a böngészőben.
A legjobb módja annak, hogy pénzt online dolgozni Kwork.
KWORK megbízható módja annak, hogy pénzt kitöltésével feladatok 500 p.
- Admitad - származó bevételek társult
- 7offers - származó bevételek társult
- etxt - jövedelem az adásvételi szövegek
- TravelPayouts - jövedelem értékesítése repülőjegyre
- Vktarget - jövedelem VKontakte, Facebook, Instagram, Youtube, Twitter
- BestChange - Monitoring hőcserélők, ahol a fizetés a $ 0,35 minden ügyfél
Ha elolvassa ezt a weboldalt, akkor beleegyezik a cookie fájl. Ellenkező esetben hagyja a helyén. Egyetértek