الصفحة الرئيسية
تحميل الكود
تغيير الألوان
تغيير العرض
تغيير حجم العرض
تشغيل الكود
<!DOCTYPE html> <html> <head> <style> /* إذا لم يتم فتحه بعد سيظهر بلون أخضر */ a:link { color: green; } /* إذا تم فتحه من قبل سيظهر بلون رمادي */ a:visited { color: gray; } /* عند تمرير مؤشر الماوس فوقه سيظهر بلون بنفسجي */ a:hover { color: purple; } /* في الوقت الذي يتم فيه النقر عليه سيظهر بلون أحمر */ a:active { color: red; } </style> </head> <body> <h1>Link style depending on its state</h1> <p><a href="/">This is a link</a></p> <p>You should define the states in the same order as we did.</p> </body> </html>
الصفحة الرئيسية
تحميل الكود
تغيير الألوان
تغيير العرض
تغيير حجم العرض
تشغيل الكودالصفحة الرئيسيةتحميل الكودتغيير الألوانتغيير العرضتغيير حجم العرضتشغيل الكود