• 0

كيف أظهر صورة داخل وسم Div؟

على صفحة Html بسيطة لدي وسم Div  وأريد أيكون له خلفية عبارة عن صورة، ولا أعلم حقيقة أين هو الخطأ، إليكم الكود:

<!DOCTYPE html>
<html>
    <head>
        <title>Index</title>
        <link rel="stylesheet" type="text/css" href="mycss.css">
    </head>
    <body>
        <div id="header"></div>
    </body>
</html>

وهذا ملف التنسيق:

#header{
    background-image: url("header.jpg"); 
    50% 0 repeat; 
    background-size: cover;
}

هل من مثال توضيحي؟ أو إبراز مكان الخطأ لدي؟

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة
  • 0

فقط عليك بإضافة بعض الكود إلى ملف التنسيق، وخاصة الجزء المتعلق بـ Header، وتحقق من أنّ رابك الصورة مكتوب بشكل صحيح:

#header{
    background-image: url("https://www.gravatar.com/avatar/8bb98c95963486c35af93203a53f4c98?s=32&d=identicon&r=PG&f=1"); 
  background-position: 50% 0;
  background-size:cover;
  font-size:2em;
  color:#fff;
}

 

<!DOCTYPE html>
<html>
    <head>
        <title>Index</title>
        <link rel="stylesheet" type="text/css" href="mycss.css">
    </head>
    <body>
        <div id="header">Hello</div>
    </body>
</html>

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة

يجب أن تكون عضوًا لدينا لتتمكّن من التعليق

انشاء حساب جديد

يستغرق التسجيل بضع ثوان فقط


سجّل حسابًا جديدًا

تسجيل الدخول

تملك حسابا مسجّلا بالفعل؟


سجّل دخولك الآن