الصفحة الرئيسية
تحميل الكود
تغيير الألوان
تغيير العرض
تغيير حجم العرض
تشغيل الكود
<!DOCTYPE html> <html> <head> <style> a { display: block; color: white; font-variant: small-caps; text-align: center; background: #1e87f0; border: 2px solid #1e87f0; border-radius: 4px; padding: 10px 15px; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 15px; margin-bottom: 10px; } @media(hover: hover) and (pointer: fine) { a:hover { background-color: #0b5ed7; border-color: #0a58ca; } } </style> </head> <body> <h1>Fix hover effect on touch screens</h1> <a href="/">Home</a> <a href="/about">About</a> <a href="/privacy-policy">Privacy</a> <a href="/terms-of-use">Terms</a> </body> </html>