وقتی عکسی را درون برچسب پیوند قرار می دهید (بین و) ، مرورگر بازدید کننده به طور پیش فرض یک حاشیه آبی به عرض یک پیکسل به دور تصویر می کشد. علاوه بر اینکه خودسرانه مرورگر اندازه این عنصر طراحی صفحه شما را دو پیکسل به صورت عمودی و دو پیکسل به صورت افقی افزایش می دهد ، ممکن است رنگ آبی با طرح رنگی طراحی صفحه مطابقت نداشته باشد.
دستورالعمل ها
مرحله 1
اگر می خواهید حاشیه را از یک یا چند تصویر پیوند حذف کنید ، می توانید این کار را با اضافه کردن یک ویژگی حاشیه با مقدار صفر به برچسب هر یک از تصاویر مورد نیاز خود انجام دهید. به عنوان مثال: با قرار دادن همان حاشیه با مقدار صفر در آن ، می توان با استفاده از ویژگی style به همان اثر دست یافت: مقدار صفر (0px) در این نوع را می توان با مقدار "none" جایگزین کرد (بدون نقل قول)
گام 2
اگر لازم است این مشکل را ریشه ای کنید ، یعنی برای همه عکسهای دارای پیوند در کل سند ، بهتر است این کار را به صورت دیگری انجام دهید. نیازی به افزودن مشخصه مربوطه به برچسب هر تصویر به صورت جداگانه نیست ، نوشتن قانون مشترک برای همه در شرح سبک ابتدای سند آسان تر است. این قانون CSS به صورت زیر خواهد بود: a img {border: none؛} باید در بلوک توضیحات سبک قرار داده شود ، و خود بلوک باید قبل از برچسب بسته شدن عنوان صفحه قرار گیرد:
a img {حاشیه: هیچ؛}
مرحله 3
نه تنها تصاویر ، بلکه پیوندهای متنی ساده در برخی از انواع مرورگرها نیز با مشکل مشابهی روبرو هستند - اگر بازدید کننده ای روی پیوند کلیک کند ، یک حاشیه نقطه چین در اطراف آن باقی می ماند. برای ذخیره صفحه خود از این خطای طراحی ، قانون پیوند زیر را به شرح سبک اضافه کنید:
img {رئوس مطالب: هیچ؛}
