رابط استخدام قاعدة بيانات CSS:
/**//*2008.10.08*/
#linkButtonDiv1 ul{}{
الهامش:0;
الحشو: 0؛
نوع نمط القائمة: لا شيء؛
}
#linkButtonDiv1 لى{}{
العرض: 100 بكسل؛
الارتفاع: 20 بكسل؛
العرض: بولك؛
حجم الخط: 16 بكسل؛
الهامش: 5 بكسل؛
الحدود: 1 بكسل صلب #000000؛
الحشو: 5 بكسل؛
اللون: #000000؛
لون الخلفية:#94b8e9;
زخرفة النص: لا شيء؛
محاذاة النص:مركز؛
}
#linkButtonDiv1 لى:hover{}{
اللون:#ffffff؛
لون الخلفية:#336699;
زخرفة النص:تسطير؛
}
أفضل صورة تستخدمها في استخدام CSS:
/**//*2008.10.08*/
#linkButtonDiv2 ul{}{
الهامش:0;
الحشو: 0؛
نوع نمط القائمة: لا شيء؛
}
#linkButtonDiv2 لى{}{
العرض: 100 بكسل؛
الارتفاع: 20 بكسل؛
العرض: بولك؛
حجم الخط: 16 بكسل؛
الهامش: 5 بكسل؛
الحدود: 1 بكسل صلب #000000؛
الحشو: 5 بكسل؛
اللون: #000000؛
الخلفية: URL(../img/bg-0314.gif);
زخرفة النص: لا شيء؛
محاذاة النص:مركز؛
}
#linkButtonDiv2 لى:hover{}{
اللون:#ffffff؛
الخلفية:url(../img/bg-0315.gif);
زخرفة النص:تسطير؛
}
مثال على ذلك:
/**//*2008.10.08*/
#linkButtonDiv3 ul{}{
الهامش:0;
الحشو: 0؛
نوع نمط القائمة: لا شيء؛
}
#linkButtonDiv3 لى{}{
العرض: 100 بكسل؛
الارتفاع: 20 بكسل؛
العرض: بولك؛
حجم الخط: 16 بكسل؛
الهامش: 5 بكسل؛
الحشو: 5 بكسل؛
اللون:#8d4f10؛
الخلفية:#efb57c;
زخرفة النص: لا شيء؛
محاذاة النص:مركز؛
الحدود: 2px البداية #efb57c؛
}
#linkButtonDiv3 لى:hover{}{
وزن الخط: غامق؛
اللون:#ffffff؛
الخلفية:#daa670;
زخرفة النص:تسطير؛
الحدود: 2 بكسل البداية #daa670؛
}
كيفية إنشاء صورة باستخدام CSS:
/**//*2008.10.08*/
#linkButtonDiv4 ul{}{
الهامش:0;
الحشو: 0؛
نوع نمط القائمة: لا شيء؛
}
#linkButtonDiv4 لي أ{}{
العرض: 114 بكسل؛
الارتفاع: 24 بكسل؛
العرض: بولك؛
حجم الخط: 12 بكسل؛
الهامش: 5 بكسل؛
الحشو: 5 بكسل؛
اللون: #000000؛
الخلفية: url(../img/buttonbg.jpg) لا يتكرر الجزء العلوي الأيسر؛
زخرفة النص: لا شيء؛
محاذاة النص:مركز؛
}
#linkButtonDiv4 li a:hover{}{
وزن الخط: غامق؛
اللون:#ffffff؛
موضع الخلفية: أعلى اليمين؛
زخرفة النص:تسطير؛
}
عنوان HTML التالي: