Programeri mogu primijeniti više CSS svojstava kako bi svoje web stranice učinili privlačnijim, poput ' visina ' i ' širina ” svojstva za postavljanje veličine, “ poravnanje teksta ” za podešavanje teksta, “ rubni stil ' i ' granični radijus ” svojstva za postavljanje granice oko elementa. Osim toga, možete dodati obrub prema svojim zahtjevima, primjerice na jednoj strani elementa, samo kako bi stvari iza objekata bile vidljivije.
Ovaj post će pokazati:
Metoda 1: Postavite obrub s jedne strane
U CSS-u korisnici mogu postaviti obrub s jedne strane željenog elementa. U tu svrhu, ' granica-lijevo ”, “ granica-desno ”, “ granica-vrh ' i ' granica-dno ” svojstva se koriste za dodavanje obruba s lijeve, desne, gornje ili donje strane.
U ovom odjeljku posebno ćemo postaviti obrub na lijevoj strani spremnika. Da biste to učinili, slijedite dolje navedene upute.
Korak 1: Stvorite div spremnik
Najprije izradite div spremnik uz pomoć ' Korak 2: Umetnite naslov Zatim upotrijebite '< h1> ” za dodavanje naslova unutar div spremnika. Štoviše, možete koristiti i druge oznake naslova prema zahtjevu, kao što je “< h1> ” do “< h6> ' oznake: Sada pristupite HTML div spremniku i pristupite nazivu klase. Da biste to učinili, selektor klase ' # ” koristi se uz naziv klase. Korak 4: Umetnite obrub samo s jedne strane Nakon pristupa div spremniku, primijenite dolje navedena CSS svojstva: Rezultirajuća slika prikazuje granicu samo s jedne strane: Za postavljanje obruba na sve strane s različitim bojama, upotrijebite gornji HTML kod. Zatim pristupite div spremniku uz pomoć ID imena i selektora: Kao rezultat toga, primijenit će se obrub s različitim stilovima na svakoj strani: Da biste postavili obrub samo na jednoj strani, prvo izradite div pomoću '
< h1 > Granica s jedne strane h1 >
div >
Može se vidjeti da je spremnik uspješno kreiran:
Korak 3: pristup div spremniku
granica-lijevo: 5px čvrsto Crvena ;
pozadina: rgb ( 56 , 239 , 245 ) ;
margina: 20px 100px;
širina:200px; visina:150px
}
Ovdje:
Metoda 2: Postavite obrub na sve strane s različitim stilovima
margina: 80px;
border-width: 8px 2px 1px 10px;
radijus granice: 50px;
stil obruba: umetnuti puni dvostruki točkasti;
boja obruba: rgb ( 40 , 5 , 235 ) rgb ( 238 , 146 , 9 ) rgb ( 255 , 0 , 242 ) rgb ( 19 , 19 , 18 ) ;
}
U gore navedenom kodu:
U ovom ste članku naučili različite načine postavljanja CSS obruba na jednu ili više strana. Zaključak