Cikk arról, hogyan kell a határon css, meg a határ a stílus a css és adja meg a színét a keret css ezáltal
Szia, ma fogunk beszélni egy ilyen fontos tulajdonság a CSS létrehozása keretében. A keret gyakran használják a keret szövegben, kivitelben külön egy elemet egy másik, és minden webmaster hasznos tudni, hogyan kell beállítani a határ CSS.
Meghatározó a stílus a keret CSS.
Nem létrehoz egy új fájlt, és a régi, ráadásul továbbra is vannak fejlécek különböző szinteken amelyhez megteremti a keretet. Tegyük fel különböző keretek az első szintű címsor, és aki az adott címke h1. Ehhez tegye ezt a stílust fájl ilyen szöveget: H1 és egy rövid pillantást, amit írtak. h1 meghatároztuk melyik eleme határozzuk meg a keret, border-style csapat, amely azt jelenti, hogy az elem kell állítani bizonyos stílust is, szilárd utal, hogy a stílus kijelző doboz, ebben az esetben a folytonos vonal.
Meg tudjuk változtatni a stílusát kijelző keretek és erre már csak be kell állítani az új beállításokat, és most megmutatja, mi van a parancsokat, és hogyan jelennek meg az oldalon.
paramétereken belül:
szilárd vagy szilárd vonal.
pontozott szaggatott vonal.
szaggatott-szaggatott vonal.
dupla-dupla folytonos vonal.
Ezek az alapvető stílusok és ki tudja választani a keret stílusát CSS. További részletek az összes parancsok meg lehet tanulni a CSS specifikáció.
Ezt megelőzően, kértük stílus teljesen az egész keretet, de mi is konkrét paraméterekkel minden a felek és a stíluslap megadja nekünk a lehetőséget. Ez segít nekünk, hogy négy csapat: border-left-stílus (bal vonal) border-top-style (felső vonal) border-jobb-style (jobbra vonal) és border-bottom-style (alsó sor).
Nézzük most kérje a stílus minden oldalról a saját fejlécet. Írunk a parancsot, hogy mind a négy oldalról:
h1 border-left-style: barázda;
border-top-style: szilárd;
border-jobb-style: kettős;
border-bottom-style: pontozott;>
És a gyakorlatban itt látunk, az egy ilyen eredmény.
Hogyan kell beállítani a vastagsága vonalak a CSS mezőbe.
Állítsa be a körét meg kell használni a border-width style attribútum amelyekről azt számos paramétert: az első, hogy állítsa be a keret méretét pixelben vagy adja meg a vastagságát csapatok vékony (vékony vonal), közepes (középső sor), vagy vastag (vastag vonal). A vonalak vastagsága, azt is be lehet állítani mindkét oldalán a keret nem számít, milyen stílust adva a másik.
Nézzük először, hogyan kell beállítani a keret vastagsága vonalak közvetlenül minden fél számára. Ehhez csak arra van szükségünk, hogy vegye fel és állítsa be a border-width parancs méretének meghatározására a sor neki. A szöveg meghatározása lesz a vastagsága néz ki:
h1 border-style: szilárd;
határ-szélesség: vékony;
>
Command helyettesíteni lehet vékony vagy vastag, közepes vagy adja meg a vastagsága pixelekben szükségszerűen meghatározó egységet, például a pixel mérete négy-4px.
Most majd állítsa be a paramétereket a vastagsága mindkét oldalán a határ. Csakúgy, mint a stílus megbízás segít paraméterek border-left-szélessége (vastagsága a bal oldalon), border-top-width (vastagsága a felső sorban), határok jobb szélessége (vastagsága a jobb vonal) és border-bottom-width (vastagsága az alsó vonal). Ahhoz, hogy ezt elérjük, stíluslapszerkesztő hozzá négy sort az alábbiak szerint:
h1 border-style: szilárd;
border-bal-szélesség: közepes;
border-top-szélesség: vékony;
border-jobb-width: vastag;
border-bottom-szélesség: 7px;
>
És most mind a négy oldalán a keret lesz a vastagsága.
Hogyan kell beállítani a keret színét CSS.
Nézzük most meg a színes keretet a CSS, és ez segíteni fog nekünk csapat border-left-color, border-top-color, border-jobb szín és border-bottom-color megadni egy színt a bal felső, jobb és alsó keret vonalak, illetve . Ahhoz, hogy ezt elérjük, hogy ezt a csapatot, és minden csapat hozzá szín opciót.
h1 border-style: szilárd;
border-left-color: # 00CCCC;
border-top-color: # 6633CC;
border-jobb-color: #CCCCCC;
border-bottom-color: # 66CC99;
>
És most lássuk a alkalmazásának eredményeként ezt a lehetőséget.
Beállítása egy globális változót rövidség kedvéért.
Most nézzük meg, hogyan lehet megszabadulni a terjedelmes minták és bejegyzéseket. Ehhez be kell állítani a globális tulajdonság határ melyben meghatározzák paraméterek, mint a vastagsága a keret, a keret stílusát és színét, és mindez nem fér el a három sor minimális szinten, csak egy sorban.
Ehhez mi írjuk a sort:
H1 határ: 5px szilárd # 3399FF;
>
Az első sorban feltüntetjük vastagsága a határvonal, majd egy szóközt, és adja meg a stílus, a vázat, majd a résen a színt a keret. Így vágjuk a rekord egy sorban.
Remélem, hogy ez a cikk lesz képes beállítani a keret minden eleme CSS. Megpróbáltam felhívni a figyelmet, hogy a legalapvetőbb parancsokat, és elmondani részletesen, hogyan kell beállítani a határon CSS, meg a határ a stílus a CSS, és állítsa a keret színét a CSS.