Kapag naglagay ka ng isang imahe sa loob ng link tag (pagitan at), ang browser ng bisita bilang default ay kumukuha ng isang pixel na lapad na asul na hangganan sa paligid ng imahe. Bilang karagdagan sa katotohanan na ang arbitrariness ng browser ay nagdaragdag ng laki ng elemento ng disenyo ng iyong pahina ng dalawang mga pixel nang patayo at dalawang mga pixel nang pahalang, ang asul na kulay ay maaaring hindi tumugma sa scheme ng kulay ng disenyo ng pahina.
Panuto
Hakbang 1
Kung kailangan mong alisin ang hangganan mula sa isa o higit pang mga imahe ng link, magagawa mo ito sa pamamagitan ng pagdaragdag ng isang katangian ng hangganan na may isang zero na halaga sa tag ng bawat isa sa mga imaheng kailangan mo. Halimbawa: Ang parehong epekto ay maaaring makamit gamit ang istilo ng katangian sa pamamagitan ng paglalagay ng parehong hangganan na may isang zero na halaga dito: Ang zero na halaga (0px) sa variant na ito ay maaaring mapalitan ng halagang "wala" (nang walang mga quote).
Hakbang 2
Kung kailangan mong malutas ang problemang ito nang radikal, iyon ay, para sa lahat ng mga larawan na may mga link sa buong dokumento, mas mahusay na gawin ito nang iba. Hindi na kailangang idagdag ang kaukulang katangian sa magkakahiwalay na tag ng bawat imahe, mas madaling isulat ang panuntunang pangkaraniwan sa lahat sa paglalarawan ng istilo sa simula ng dokumento. Ang panuntunang CSS na ito ay magiging ganito: isang img {border: none;} Dapat itong ilagay sa block ng paglalarawan ng estilo, at ang block mismo ay dapat ilagay bago ang pagsara ng tag ng pamagat ng pahina:
isang img {border: none;}
Hakbang 3
Hindi lamang ang mga imahe, kundi pati na rin ang mga simpleng link ng teksto sa ilang mga uri ng mga browser ay may isang katulad na problema - kung ang isang bisita ay nag-click sa link, ang isang may tuldok na border ay mananatili sa paligid nito. Upang mai-save ang iyong pahina mula sa error sa disenyo na ito, idagdag ang sumusunod na panuntunan sa pag-link sa mga paglalarawan ng istilo:
isang img {balangkas: wala;}
