Ovaj priručnik će vas naučiti kako napraviti prostor između dvije veze.
Započnimo!
Kako dati razmak između dvije veze u HTML-u i CSS-u?
Da biste dali prostor između dvije veze, prije svega dodajte potrebne veze u HTML datoteku.
Korak 1: Dodajte veze u HTML
U HTML-u ćemo kreirati spremnik pomoću oznake
HTML
< div >< a href = “https://linuxhint.com/create-html-file/” > Kako stvoriti HTML datoteku? < / a >
< a href = “https://linuxhint.com/edit-html-file/” > Kako urediti HTML datoteku? < / a >
< / div >
Sljedeća slika pokazuje da su veze uspješno dodane:
Korak 2: Stilizirajte Div & Link
U ovom koraku stilizirajte div i vezu koristeći ' div ” u CSS-u. Podlogu ćemo prilagoditi na ' 40 px ' i postavite veličinu fonta veza kao ' veći ', visina diva je postavljena kao ' 150 px ' i upotrijebite svojstvo pozadine i postavite boju diva kao ' crno ”. Nakon toga prilagodite širinu obruba kao ' 5 px ', stil kao ' isprekidano ” i oboji kao “ rgb(251, 255, 0) ”.
CSS
div {podstava : 40 px ;
veličina fonta : veći ;
visina : 150 px ;
pozadina : crno ;
granica : 5 px isprekidano rgb ( 251 , 255 , 0 ) ;
}
Korištenjem gornjeg koda dobiva se sljedeći izlaz. Kao što vidite, i div i veze imaju stil:
Korak 3: Ostavite prostor između dvije veze vodoravno
Možemo dati razmak između dvije veze vodoravno pomoću HTML-a i CSS-a. Ovdje ćemo objasniti obje metode jednu po jednu.
Metoda 1: Korištenje HTML-a
Da biste dali prostor između veza bez pisanja vanjskog CSS-a, možete koristiti ' ” u HTML-u gdje želite stvoriti prostor. “ ” označava neprekinuti razmak. U HTML datoteci dodavanje jednog znači jedan razmak. Ako želite dati više prostora, nije poželjno ručno dodati prema potrebnom broju prostora.
Prijeđimo na primjer kako bismo razumjeli navedeni koncept!
Primjer
Ovdje ćemo četiri puta napisati “ ” za stvaranje razmaka nakon prve veze na takav način da će se druga poveznica pojaviti nakon četiri razmaka.
HTML
< div >< a href = “https://linuxhint.com/create-html-file/” > Kako stvoriti HTML datoteku? < / a >
Kako urediti HTML datoteku?
Kao što vidite, prostor je stvoren na desnoj strani prve veze:
Metoda 2: Korištenje CSS-a
U CSS-u ćemo koristiti ' margin-desno ” svojstvo za davanje prostora između dvije veze. ' margin-desno Svojstvo ” koristi se za dodavanje prostora s desne strane elementa. Također možete postaviti negativne vrijednosti za njega.
Sintaksa
Sintaksa svojstva margin-desno data je u nastavku:
margin-desno : vrijednostNa mjestu ' vrijednost ”, postavite marginu s desne strane elementa. Nastavimo s primjerom.
Primjer
Ovdje ćemo koristiti ' a ” za pristup poveznici koju smo stvorili u HTML-u. Zatim postavite vrijednost svojstva margin-right kao ' 50 px ”:
a {margin-desno : 50 px ;
}
Prostor se stvara s desne strane prvog linka, koji se može vidjeti ispod:
Korak 4: Ostavite razmak između dvije veze okomito
Da biste dali okomiti razmak između dvije veze, prvo poravnajte veze u okomitom obliku. To će se učiniti pomoću ' blok ” vrijednost “ prikaz ' svojstvo, a zatim pomoću ' linija-visina ” svojstvo za davanje prostora između dva retka veze.
Primjer:
Ovdje ćemo postaviti vrijednost svojstva prikaza kao ' blok ” za okomito poravnavanje veza. Zatim dajte razmak između dvije veze postavljanjem vrijednosti svojstva line-height kao ' 80 px ”:
a {prikaz : blok ;
linija-visina : 80 px ;
}
Kao što vidite, prostor je kreiran pomoću svojstva line-height:
To je to! Objasnili smo metodu davanja prostora između dvije veze u HTML-u i CSS-u.
Zaključak
' ”, “ margin-desno ', i ' linija-visina ” svojstva CSS-a koriste se za davanje vodoravnog i okomitog prostora između dvije veze. Koristeći ovo, možete prilagoditi prostor s desne i lijeve strane poveznica. U ovom smo članku objasnili proceduru davanja prostora između dvije veze pomoću dvije različite metode i dali povezane primjere.