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

K@m@l · 3 نوفمبر 2015

على صفحة 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;
}

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

E.Nourddine · 5 نوفمبر 2015

فقط عليك بإضافة بعض الكود إلى ملف التنسيق، وخاصة الجزء المتعلق بـ 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>

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

السؤال

K@m@l

رابط هذا التعليق

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

1 جواب على هذا السؤال

Recommended Posts

E.Nourddine

رابط هذا التعليق

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

انضم إلى النقاش

إعلانات

تابعنا على

الرئيسية

تابعنا

دروس ومقالات

أسئلة وأجوبة

كتب

دورات

بطاقات هدية