כאשר אתה מציב תמונה בתוך תג הקישור (בין לבין), דפדפן המבקר כברירת מחדל מצייר גבול כחול של פיקסל אחד סביב התמונה. בנוסף לעובדה ששרירותיות הדפדפן מגדילה את גודל אלמנט העיצוב הזה של הדף שלך בשני פיקסלים אנכית ובשני פיקסלים אופקית, ייתכן שהצבע הכחול לא יתאים לסכמת הצבעים של עיצוב הדף.
הוראות
שלב 1
אם אתה צריך להסיר את הגבול מתמונת קישור אחת או יותר, אתה יכול לעשות זאת על ידי הוספת מאפיין גבול עם ערך אפס לתג של כל אחת מהתמונות שאתה צריך. לדוגמא: ניתן להשיג את אותו אפקט באמצעות תכונת הסגנון על ידי הצבת אותו גבול עם ערך אפס בו: ניתן להחליף את ערך האפס (0px) בגרסה זו לערך "none" (ללא מרכאות).
שלב 2
אם אתה צריך לפתור בעיה זו באופן קיצוני, כלומר לכל התמונות עם קישורים במסמך כולו, עדיף לעשות זאת אחרת. אין צורך להוסיף את התכונה המתאימה לתג של כל תמונה בנפרד, קל יותר לרשום את הכלל המשותף לכולם בתיאור הסגנון בתחילת המסמך. כלל CSS זה ייראה כך: img {border: none;} יש למקם אותו בבלוק תיאור הסגנון, ואת הבלוק עצמו צריך להציב לפני התג שסוגר את כותרת העמוד:
img {border: none;}
שלב 3
לא רק תמונות, אלא גם קישורי טקסט פשוטים בסוגים מסוימים של דפדפנים סובלים מבעיה דומה - אם מבקר לוחץ על הקישור, גבול מנוקד יישאר סביבו. כדי לשמור את הדף משגיאת עיצוב זו, הוסף את כלל הקישורים הבא לתיאורי הסגנון:
תמונה {מתאר: אין;}
