أعلان الهيدر

الثلاثاء، 15 يوليو 2014

الرئيسية [برمجة] اضافة خاصية border على الصور بالتقنية CSS

[برمجة] اضافة خاصية border على الصور بالتقنية CSS


 [برمجة] اضافة خاصية border على الصور بالتقنية CSS

اليكم اليوم شرح مميز على المطور.نت لاضافة تأثير border المميز على الصور بتقنية css بسهولة , خاصية border هي خاصية يعرفها كل من يتقن لغة البرمجة css. سنتعلم اليوم من استخداماتها لاضافة تأثيرات على الصور جميلة ورائعة لتتميز بتصميمك على الجميع .

اليكم مثال مباشر على هذا الخاصية كما في الاسفل الكود ومعاينتة في الصورة لاضافة صورة دائرية بنسبة محددة لاضافة دائرية تماماً نضع النسبة 50% ولتقليل دائرية الصور نخفض النسبة الشرح بسيط ويمكنك معاينة الاكواد التي في الاسفل والصورة التي تمثل معاينة الاكواد لتفهم ما اعنية 

<img src="plus.jpg" style="border-radius: 0px;">
<img src="drive.jpg" style="border-radius: 10px;">
<img src="earth.jpg" style="border-radius: 20px;">
<img src="play.jpg" style="border-radius: 50%;">

يمكنك معاينة نتيجة الاكواد في الصورة


 [برمجة] اضافة خاصية border على الصور بالتقنية CSS

ليست هناك تعليقات:

إرسال تعليق

يتم التشغيل بواسطة Blogger.