Bağlantı etiketinin içərisinə bir şəkil yerləşdirdiyiniz zaman (və arasında), ziyarətçinin brauzeri vərdiş olaraq şəklin ətrafına bir piksel enində mavi haşiyə çəkir. Brauzer özbaşınalığının səhifənizin bu dizayn elementinin ölçüsünü şaquli olaraq iki piksel və üfüqi olaraq iki piksel artırmasına əlavə olaraq, mavi rəng səhifə dizaynının rəng sxeminə uyğun olmaya bilər.
Təlimat
Addım 1
Haşiyəni bir və ya daha çox bağlantı şəklindən silməyiniz lazımdırsa, lazım olan hər bir şəklin etiketinə sıfır dəyəri olan bir sərhəd atributu əlavə edərək bunu edə bilərsiniz. Məsələn: Stil atributundan istifadə edərək eyni sərhədin içinə sıfır dəyər qoyaraq eyni effekti əldə etmək olar: Bu variantdakı sıfır dəyər (0px) "yox" dəyəri ilə əvəz edilə bilər (tırnaqlar olmadan).
Addım 2
Bu problemi kökündən həll etməlisinizsə, yəni bütün sənəddəki bağlantıları olan bütün şəkillər üçün, daha fərqli şəkildə etmək daha yaxşıdır. Müvafiq atributu hər bir görüntünün etiketinə əlavə etməyə ehtiyac yoxdur, hamının üçün ümumi olan qaydanı sənədin əvvəlindəki stil təsvirində yazmaq daha asandır. Bu CSS qaydası belə olacaq: img {border: none;} Stil təsviri blokuna yerləşdirilməli və blokun özü səhifə başlığını bağlayan etiketdən əvvəl yerləşdirilməlidir:
bir img {border: none;}
Addım 3
Yalnız şəkillər deyil, bəzi brauzer növlərindəki sadə mətn bağlantıları da oxşar bir problemə sahibdir - ziyarətçi bu linki tıklasa, ətrafında nöqtəli bir sərhəd qalacaq. Səhifənizi bu dizayn səhvindən qurtarmaq üçün stil təsvirlərinə aşağıdakı keçid qaydasını əlavə edin:
bir img {kontur: yoxdur;}
