كورس css | تنسيق الصور باستخدام لغة css #6


النموذج التعليمي

في هذا الدرس ستتعلم طرق تنسيق الصور بلغة css . .

   عنوان المحاضرةيمكنك تنسيق الصور باستخدام لغة CSS 
   ترتيب المحاضرةالمحاضرة السادسة
   مدة المحاضرة15:05
   نوع الكورسcss
   نوع الدورةدورة تصميم مواقع




يمكنك تنسيق الصور باستخدام لغة CSS

حيث تستطيع تغيير طول و عرض و مكان و حدود الصور و أيضا إضافة الصور باستخدام لغة CSS

لإضافة صورة بواسطة CSS كل ما عليك فعله هو كتابة

img:url("رابط الصورة");



و للتعديل على الصور لديك خيارات كثيرة و هي جميعها تحت امرك

لكي تستطيع اضافة صور متجاوبة مع جميع الأجهزة حيث أن تم فتح موقع من اي جهاز او حتى أن تم تصغير المتصفح لا تفقد ابعاد الصورة

img{ Mix-width:100; }



يمكنك ايضا التحكم في شفافية الصورة من خلال opacity 0.0 - 1.0 و كلما كان الرقم اقل زادت مع شفافية الصورة


img{ opacity:0.8; }

للتحكم في حدود الصورة يمكن استخدام border 

و لعمل صورة بحدود نص دائرية نستخدم border-redius .

img{ Border-redius: 10px; }



No comments:

Post a Comment