Genuine Key


Genuine Key


Moved to new forum, Click Here to register

تم الانتقال للمنتدى الجديد, اضغط هنا للتسجيل
CSS :: شرح الخاصية background-image

السلام عليكم ورحمة الله وبركاته
في الدرس السابق من الدورة شرحنا الخاصية background-color
وهي لتلوين خلفية الموقع او جزء من الموقع سواء كان لون عنوان او لون مربع بحث او غيره...
واليوم سوف نقوم بشرح خاصية اخرى وهي background-image
سوف نرى الكود ونكمل شرحنا...
افتح صفحة تكست فارغة واعطها امتداد html ثم ضع فيها هذا الكود...

كود PHP:
<!DOCTYPE html>
<
html>
    <
head>
        <
style>
            
body {
                
background-image:url('https://www.gstatic.com/psa/static/pHn4Px.png');
            }
        </
style>
    </
head>
    <
body>
        <
h1>www.damasgate.com/vb</h1>
        <
h3>I enjoy my stay where...</h3>
    </
body>
</
html
ثم اغلق الصفحة بعد حفظها وافتح الصفحة على متصفح الانترنت لترى التالي...

الخاصية background-image

هذه الخلفية هي صورة واحدة, هذه...

الخاصية background-image

ولكن يتم فرد الصورة على المتصفح لتبقى مثل ورق الحائط مثلاً
والمسئول عن هذه الصورة هو الكود التالي...
;('background-image:url('https://www.gstatic.com/psa/static/pHn4Px.png')

ما تم تلوينه بالاحمر هو رابط الصورة
وفي الدرس القادم إن شاء الله سوف نتعلم كيفية وضع الصورة بشكل منفرد وفي اي موضع من الصفحة
بالتوفيق للجميع

المواضيع المشابهه

CSS :: شرح الخاصية background

CSS :: شرح الخاصية background-color

CSS :: شرح الخاصية background-repeat

CSS :: شرح الخاصية background-attachment

CSS :: شرح الخاصية background-position


تسلم ايدك ابو حميد حبيبي


روووووووووووووووعة

تسلم الأيادي على الشرح المبسط


الله يسلم عمرك حبيب الكل ابو محمد
روووووووووووووووعة

تسلم الأيادي على الشرح المبسط
الله يسلمك يا غالي واشكر لك مرورك الطيب


دروسك كلها بسيطة جداً ما شاء الله
سلمت يداك ، وزادك الله من عمله

جزاك الله الجنة يا حبيب قلبي


مهو حلاوة الـ CSS في كده
اصبر لسه التقيل جي قدام
تسلم لي يارب


الله يحفظك اخي احمد


يارب ويخليك ويحفظك حبيبي الرساس


بارك الله فيك وجزاك خيراً أخي العزيز


بارك الله فيك وجزاك خيرا


أدوات الموضوع

الانتقال السريع

منتديات داماس

DamasGate