A fejlesztők több CSS-tulajdont is alkalmazhatnak weboldalaik vonzóbbá tétele érdekében, mint pl. magasság ” és „ szélesség ' tulajdonságok a méret beállításához, ' szöveg igazítás ' szöveg módosításához, ' határos stílusban ” és „ határ-sugár ” tulajdonságok az elem körüli szegély beállításához. Ezenkívül igénye szerint szegélyt is felvehet, például az elem egyik oldalára, hogy jobban láthatóvá tegye az objektumok mögötti dolgokat.
Ez a bejegyzés bemutatja:
1. módszer: Állítsa be a szegélyt az egyik oldalon
A CSS-ben a felhasználók beállíthatják a szegélyt a kívánt elem egyik oldalán. Ebből a célból a „ határ-bal ”, „ határ-jobbra ”, „ border-top ” és „ határ-alsó ” tulajdonságok a bal, jobb, felső vagy alsó szegélyek hozzáadására használhatók.
Ebben a részben külön beállítjuk a szegélyt a tároló bal oldalán. Ehhez kövesse az alábbi utasításokat.
1. lépés: Hozzon létre egy div tárolót
Először hozzon létre egy div tárolót a ' 2. lépés: Helyezze be a címsort Ezután használja a „< h1> ” címke hozzáadásához a div tárolóban. Ezen túlmenően a követelményeknek megfelelően más címsorcímkéket is használhat, például „< h1> ” a „< h6> ” címkék: Most nyissa meg a HTML div tárolót, és nyissa meg az osztály nevét. Ehhez egy osztályválasztó ' # ” az osztálynévvel együtt használatos. 4. lépés: Csak az egyik oldalon helyezze be a szegélyt A div tároló elérése után alkalmazza az alábbi CSS-tulajdonságokat: Az eredményül kapott képen csak az egyik oldala látható: Ha a szegélyt minden oldalon különböző színekkel szeretné beállítani, használja a fenti HTML-kódot. Ezután nyissa meg a div tárolót az azonosító név és a választó segítségével: Ennek eredményeként a szegély mindkét oldalon eltérő stílusú: Ha csak az egyik oldalon szeretné beállítani a szegélyt, először hozzon létre egy div elemet a '
< h1 > Határ az egyik oldalon h1 >
div >
Látható, hogy a tároló sikeresen létrejött:
3. lépés: Hozzáférés a div tárolóhoz
szegély-bal: 5 képpont tömör piros ;
háttér:rgb ( 56 , 239 , 245 ) ;
margó: 20 képpont 100 képpont;
szélesség: 200 képpont; magasság: 150 képpont
}
Itt:
2. módszer: Állítsa be a szegélyt minden oldalra különböző stílusokkal
margó: 80 képpont;
keret szélessége: 8 képpont 2 képpont 1 képpont 10 képpont;
határsugár: 50 képpont;
szegély-stílus: beszúrt tömör dupla pontozott;
keret színe: rgb ( 40 , 5 , 235 ) rgb ( 238 , 146 , 9 ) rgb ( 255 , 0 , 242 ) rgb ( 19 , 19 , 18 ) ;
}
A fent megadott kódban:
Ebben a cikkben különböző módszereket tanult meg a CSS-szegély egy és több oldalra történő beállítására. Következtetés