الصفحة الرئيسية
تحميل الكود
تغيير الألوان
تغيير العرض
تغيير حجم العرض
تشغيل الكود
<!DOCTYPE html> <html> <head> <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> <style> a { display: inline-block; color: white; background-color: #0b5ed7; border: 2px solid #0b5ed7; border-radius: 4px; padding: 5px 15px; text-decoration: none; font-size: 16px; font-family: Arial, Helvetica, sans-serif; } a:hover { border-color: #0b51d7; background-color: #0b51d7; } a .material-icons { font-size: 24px; vertical-align: bottom; } </style> </head> <body> <h1>Link button with icon</h1> <a href="/"><i class="material-icons">home</i> Home</a> </body> </html>
الصفحة الرئيسية
تحميل الكود
تغيير الألوان
تغيير العرض
تغيير حجم العرض
تشغيل الكودالصفحة الرئيسيةتحميل الكودتغيير الألوانتغيير العرضتغيير حجم العرضتشغيل الكود