Kako lahko nastavim obrobo CSS samo na eni strani?

Vidimo, da je bil vsebnik uspešno ustvarjen:

3. korak: Dostop do vsebnika div

Zdaj odprite vsebnik div HTML in ime razreda. Če želite to narediti, izbirnik razreda ' # ” se uporablja z imenom razreda.

4. korak: Vstavite obrobo samo na eni strani

Po dostopu do vsebnika div uporabite spodaj navedene lastnosti CSS:

Tukaj:

• • “ meja-levo je skrajšana lastnost za nastavitev širine, sloga in barve leve obrobe.
  • “ ozadje Lastnost se uporablja za prilagajanje barve ozadja elementa.
  • “ marža Lastnosti nastavijo prostor zunaj meje.
  • “ premer ” določa velikost širine elementa v vsebniku.

Nastala slika prikazuje rob samo z ene strani:

2. način: Nastavite obrobe na vseh straneh z različnimi slogi

Za nastavitev roba na vseh straneh z različnimi barvami uporabite zgornjo kodo HTML. Nato dostopajte do vsebnika div s pomočjo imena id in izbirnika:

V zgoraj navedeni kodi:

• • “ marža ” določa prazen prostor zunaj elementa.
  • “ border-width ” nastavi širino z različnimi vrednostmi za vsako stran. Na primer, dodali smo različne vrednosti v slikovnih pikah.
  • “ mejni polmer ” se uporablja za izdelavo okrogle krivulje obrobe.
  • “ mejni slog Lastnost se uporablja za nastavitev sloga obrobe. V tem scenariju so za vsako stran obrobe nastavljene štiri različne vrste slogov.
  • “ barva obrobe Lastnost se uporablja za dodelitev barve obrobi. Tukaj je vrednost za vsako stran nastavljena kot drugačna barva.

Posledično bo uporabljena obroba z različnimi slogi na vsaki strani:

V tem članku ste se naučili različnih načinov za nastavitev obrobe CSS na eno in več strani.

Zaključek

Če želite nastaviti obrobo samo na eni strani, najprej ustvarite div z uporabo '