مشكلة في استعمال border width

منذ سنة بواسطة Dina

السلام عليكم

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

  • index.html
<!doctype html>
<html>
  <head>
    <link href="styles.css" rel="stylesheet">
  </head>
  <body>

    <p class="main-pg" My amazing website>

  </body>
</html>
  • styles.css
.main-pg {
    border: solid red;
    border width: 4px;
}

أفضل اجابة

منذ سنة بواسطة abdelkrim

مرحبا دينا

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

.main-pg {
    border: 4px solid red;
}

والخطأ التاني هو التالي

<p class="main-pg" My amazing website>

يجب تغييره الى

<p class="main-pg">My amazing website</p>

وبالتالي سيصبح الكود النهائي بهدا الشكل

<!doctype html>
<html>
<head>
    <link href="styles.css" rel="stylesheet">
</head>
<body>
    <p class="main-pg">My amazing website</p>
</body>
</html>

بالتوفيق لكي ان شاء الله

صا
منذ سنة بواسطة صلاح الدين ( نقاط الخبرة 1,550 )

المشكلة سببها انكي لم تكتبي border width بالشكل الصحيح بحيت يكتب بالطريقة التالية border-width اليكي الكود

.main-pg {
    border: solid red;
    border-width: 4px;
}
Di
منذ سنة بواسطة Dina ( نقاط الخبرة 150 )

شكرا لك اخي على مساعدتي لكن لايزال يخبرني بانه يوجد خطأ في جوابي !!!!

ab
منذ سنة بواسطة abdelkrim ( نقاط الخبرة 4,000 )

مرحبا دينا

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

.main-pg {
    border: 4px solid red;
}

والخطأ التاني هو التالي

<p class="main-pg" My amazing website>

يجب تغييره الى

<p class="main-pg">My amazing website</p>

وبالتالي سيصبح الكود النهائي بهدا الشكل

<!doctype html>
<html>
<head>
    <link href="styles.css" rel="stylesheet">
</head>
<body>
    <p class="main-pg">My amazing website</p>
</body>
</html>

بالتوفيق لكي ان شاء الله

Di
منذ سنة بواسطة Dina ( نقاط الخبرة 150 )

جزاكم الله خيرا على مساعدتي

المرجواالاشتراكاوتسجيل الدخولللمجتمع لكي تتمكن من المشاركة