Bağlantı etiketinin içine (ve arasında) bir resim yerleştirdiğinizde, ziyaretçinin tarayıcısı varsayılan olarak resmin etrafına bir piksel genişliğinde mavi bir kenarlık çizer. Tarayıcı keyfi, sayfanızın bu tasarım öğesinin boyutunu dikey olarak iki piksel ve yatay olarak iki piksel büyütmesine ek olarak, mavi renk sayfa tasarımının renk şemasıyla eşleşmeyebilir.
Talimatlar
Aşama 1
Bir veya daha fazla bağlantı görüntüsünden kenarlığı kaldırmanız gerekiyorsa, ihtiyacınız olan her görüntünün etiketine sıfır değerine sahip bir kenarlık özniteliği ekleyerek bunu yapabilirsiniz. Örneğin: Aynı etki, stil özniteliği kullanılarak, içine sıfır değeri olan aynı kenarlık yerleştirilerek elde edilebilir: Bu varyanttaki sıfır değeri (0 piksel), "hiçbiri" değeriyle (tırnak işaretleri olmadan) değiştirilebilir.
Adım 2
Bu sorunu kökten çözmeniz gerekiyorsa, yani tüm belgedeki bağlantıları olan tüm resimler için, bunu farklı şekilde yapmak daha iyidir. Her resmin etiketine karşılık gelen niteliği ayrı ayrı eklemeye gerek yoktur, belgenin başındaki stil açıklamasında herkes için ortak olan kuralı yazmak daha kolaydır. Bu CSS kuralı şöyle görünecektir: a img {border: none;} Stil açıklama bloğuna yerleştirilmeli ve bloğun kendisi sayfa başlığını kapatan etiketten önce yerleştirilmelidir:
bir img {sınır: yok;}
Aşama 3
Bazı tarayıcı türlerinde yalnızca resimler değil, basit metin bağlantıları da benzer bir soruna sahiptir - bir ziyaretçi bağlantıya tıklarsa, çevresinde noktalı bir kenarlık kalır. Sayfanızı bu tasarım hatasından kurtarmak için stil açıklamalarına aşağıdaki bağlantı kuralını ekleyin:
bir img {anahat: yok;}
