كود css لوضع خلفية للرتب كالاشهار تماما

في درس اليوم سنتعلم كيفية التحكم في خصائص عناوين رتب الأعضاء عبر الـcss
و كيفية تغيير لون كل رتبة ووضع خلفية مختلفة لكل رتبة بطريقة سهلة وبسيطة
الدرس:

أولا ضع هذا الكود في عنوان الرتبة التي ستقوم بانشائها



الرمز:
<div class="rotbateb4u">Admin</div>







وغير ما يلزمك في الكود يعني بدلا من Admin ضع عنوان الرتبة الخاص بك
وإذا كنت ستغير خصائص كل رتبة في كل مرة غير أيضا كلمة rotba إلى أي اسم ىخر مثلا rotba2
بعد ذلك اذهب الى ورقة الـcss وضع الكود التالي

الرمز:
.rotbateb4u{
color:#000;
border:1px dotted red;
text-align:center;
background:url(ضع رابط صورة الخلفية);
}




وغير ما يلزمك في الكود وأضف عليه ما تريد
لاحظ أن كلمة "rotbateb4u" الموجودة بالكود العلوي ستتغير في كل مرة تنشيء فيها رتبة جديدة يعني مثلا لو وضعت في عنوان الرتبة
class="rotbateb4u2"
ستكون في كود الـcss
.rotbateb4u2{
وهكذا

منقول
dr_afifi