السيطرة على المبالغ المرحلة صورة

في معظم متصفحات الويب ، هناك الحدود الافتراضية التي تحيط الصور التي يتم استخدامها وصلات. فمن عادة ما تكون كبيرة ، ومقرفة ، سميكة مشرق الحدود الزرقاء. هذا ومن المرجح غير مرغوب فيه ، لذلك نحن في هذه المقالة سوف تبحث في الطرق التي يمكنك من العناية بها في المغلق الخاص بك...

لإزالة الحدود الافتراضية في استخدام هذا المغلق الخاص بك :


a img { border: none; }


يمكنك أيضا إزالة الحدود الافتراضية على الصور المرتبطة بها بما في ذلك "الحدود = 0" داخل علامة الصورة ، ولكن هذا هو خاصية مستنكر وغير مستحسن. للأسف فإنه يتم تضمينها في العديد من نسخ ولصق رمز عينات منذ ان القوات النتيجة المرجوة دون الاضطرار إلى الاعتماد على صاحب الموقع المغلق حفظ جيدة.

إن الحدود الافتراضية الأزرق ليس الشر ، وانها مجرد محاولة ليكون من المفيد وسأطلعكم على الصور انها المحيطة هو ارتباط تشعبي. دعنا نأخذ هذه المسؤولية على أنفسنا ، ونرى اذا كنا نستطيع الخروج مع بعض الصور لالقلابة قليلا أجمل وأكثر إثارة للاهتمام.

وأفضل طريقة لرؤية هذه الأمثلة هو على سبيل المثال عرض الصفحة ، وأفضل طريقة لفهم كيفية عمل هو تحميل سبيل المثال ، وننظر في مدونة نفسك.

المثال 1 : الحدود سميكة

هذا المثال يعطي صورة بضع بكسل من الحشو وعلى الحدود في انها دولة عادية ، ويضيف للون الخلفية على التمديد.

مثال 2 : متقطع سميكة الحدود

هذا هو الأسلوب الوحيد لتجديد مماثلة يضيف سميكة متقطع للصورة. الخدعة هنا هي أن هناك في الحدود هو انها دولة عادية وكذلك ، إلا أنها بيضاء تماما مثل لون الخلفية. إذا كانت هذه الحدود لم يكن هناك في انها دولة عادية وأضيف خلال التمديد ، فإن الصورة تحول الموقف لإفساح المجال لهذه الحدود ، والتي ستكون نتيجة التضارب وغير مرغوب فيها.

المثال 3 : الأبيض والأسود إلى الألوان

هذا الأسلوب يؤدي إلى صورة "تلوين" على التمديد. هذا هو قليلا أكثر تعقيدا في أنك لن تكون قادرا على استخدام السمات العادية img في أتش تي أم أل. سوف تستخدم عناصر الربط مع أسماء فئة فريدة من نوعها. هذه المراسي سيكون ارتفاعات محددة والاعراض وصورة خلفية. ثم على الانتقال ، يمكنك تبديل صورة الخلفية للحصول على إصدار اللون.

المثال 4 : إضافة التدرج الخلفية

بدلا من إضافة بلون واحد كما في المثال 1 ، هل يمكن استخدام صورة. مجرد اعطاء صورة بعض الحشو على جانبي لذا فان هناك بعض غرفة للرسم لتظهر.

المثال 5 : عرض المعلومات

هذا الأسلوب يجعل النص يظهر أسفل الصورة على التمديد. فإنه يجعل من استخدام خاصية خلفية الصورة في مثل المغلق في 3 سبيل المثال ، ولكن في هذه الحالة ، صورة الخلفية يبقى على حاله. الفرق هو أنه في حالة عادية ، والنص هو بدأ مع شاشة ضخمة السلبية الإزاحة التي يتم إزالتها على التمديد. للحصول على النص لتظهر تحتها صورة بدلا من فوقه تعطي مرساة على الحشو أعلى قليلا أكبر من ارتفاع الصورة.