Kaip Pašalinti Nuorodos Rėmelį

Turinys:

Kaip Pašalinti Nuorodos Rėmelį
Kaip Pašalinti Nuorodos Rėmelį

Video: Kaip Pašalinti Nuorodos Rėmelį

Video: Kaip Pašalinti Nuorodos Rėmelį
Video: Kaip susiaurinti (ar praplatinti) skydų rėmelių plotį? 2024, Gegužė
Anonim

Jei kuriate svetaines, tikrai turėtumėte atsižvelgti į puslapių rodymo lankytojų naršyklėse nustatymus. Visų pirma, nuorodų žymose esančius vaizdus naršyklės nurodo su mėlyna vieno taško (pikselių) pločio kraštine. Į tai reikėtų atsižvelgti tiek nustatant puslapio elementų dydį, tiek nustatant jų spalvų dizainą. Yra alternatyvus problemos sprendimas - naudojant HTML ir CSS priversti naršykles nerodyti rėmelio.

Kaip pašalinti nuorodos rėmelį
Kaip pašalinti nuorodos rėmelį

Nurodymai

1 žingsnis

Jei jūsų puslapio dizaino versijai pakaks pašalinti kraštą iš vieno konkretaus vaizdo su nuoroda arba tik keletu, tada pakaks prie jų žymų pridėti kraštinės atributą su nuline verte. Atlikus šį papildymą, vaizdų su nuorodomis HTML kodas gali atrodyti taip: Taip pat galite naudoti stiliaus atributus - šios parinktys yra lygiavertės. Su stiliaus atributu ir jame nurodyta nulinės kraštinės reikšme tas pats kodas atrodytų taip: Naudojant stiliaus atributą, nulinę vertę (0 taškų) galima pakeisti tekstu „nėra“(be kabučių).

2 žingsnis

Jei norite užkirsti kelią absoliučiai visų vaizdų su nuorodomis, esančiais puslapyje, rėmeliu, tada tai lengviau padaryti vienoje vietoje HTML kode. Norėdami tai padaryti, dokumento antraštės dalyje (tarp ir žymių) turėtų būti dedamas puslapių stilių aprašymas su visoms nuorodoms būdingomis taisyklėmis. Šią taisyklę galite parašyti taip: img {border: none;} Ji turėtų būti dedama į žymą, kuri naršyklei nurodo, kad CSS čia yra stilių aprašymas:

a img {border: nėra;}

3 žingsnis

Jei puslapyje naudojate „JavaScript“scenarijus, kurie atlieka bet kokius veiksmus, kai spustelite teksto nuorodą nepersijungdami į kitą puslapį, spustelėjus kai kuriose naršyklėse ir aplink teksto nuorodą, lieka panašus taškuotas rėmelis. Norėdami išvengti šio neteisėto dizaino pakeitimo, pridėkite tinkamą taisyklę teksto nuorodoms į CSS stiliaus aprašo bloką:

a {kontūras: nėra;}

Rekomenduojamas: