مثال على استخدام تكنولوجيا CSS

في هذا المثال سوف نقوم بتغيير لون شريط التمرير Scroll Bar عن طريق استخدام تكنولوجيا CSS.

فقم بكتابة الكود التالي استخدام برنامج المفكرة واحفظه داخل ملف بامتداد CSS. وليكن (style2. css):

الآن قم بفتح برنامج المفكرة واكتب أوامر لغة html التالية، والتي تستخدم ملف css الذيث اعددنا سابقاً لتغيير لون شريط التمرير الخاص ببرنامج التصفح:

لاحظ أنه في السطر الرابع تمت الإشارة إلى اسم ملف css الذي سوف يتم تغيير لون شريط التمرير التمرير وفقا له.

إذا قمت الآن ملف htmlداخل المتصفح سوف تظهر لك صفحة الويب كما بالشكل التالي: