اذهب إلى المحتوى

السؤال

نشر (معدل)

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

عندما أفوم بتغيير لون ال .header لا يتم التغيير 

أحتاج الى المساعدة  في معرفة سبب المشكلة

CSS

.header {
  background-color: tomato;
}
<body>
    <!-- header start -->
    <div class="header">
        xxxxxx
       <div class="container">
        <div class="logo">
            <img src="../project/images/logo.webp" alt="logo img">
        </div>
         <ul class="navbar">
            <li><a href="#">Home</a></li>
            <li><a href="#">About</a></li>
            <li><a href="#">Portofolio</a></li>
            <li><a href="#">services</a></li>
            <li><a href="#">prices</a></li>
            <li><a href="#">Team</a></li>
            <li><a href="#">Blog</a></li>
            <li><a href="#">Contact</a></li>
         </ul>
         <dv class="clear"></dv>
       </div>
       <dv class="clear"></dv>
    </div>

    <dv class="clear"></dv>
        <!-- header end -->



</body>

 

تم التعديل في بواسطة Wael Aljamal
توضيح السؤال

Recommended Posts

  • 0
نشر
بتاريخ 1 دقيقة مضت قال Mahmoud Nawwar:

هناك div له class="header" عندما اقوم بتغيير اللون الخاص به لا يتغير

أيضا لم توضح المشكلة،...

هل تقصد لون الخلفية؟

.header {
  background-color: tomato;
}

هذه لن تعمل لأن العنصر div لايحوي عناصر، أي أبعاده (0 0) لذلك اكتب أي نص وسوف يظهر لونه:

   <div class="header">
        xxxxxx            هنا نص افتراضي
       <div class="container">
        <div class="logo">
          .
          .
          .
          .
          

61392ae4a6cc3_.PNG.18a597ba6b4ba96b30a0d16a43e99e75.PNG

أو اعطه أبعاد مناسبة ليظهر العنصر:

.header {
 width: 200px;
 height: 300px;
  background-color: tomato;
}

 

ابعاد.PNG

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

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...