الصفحة الرئيسية
تحميل الكود
تغيير الألوان
تغيير العرض
تغيير حجم العرض
تشغيل الكود
<!DOCTYPE html> <html> <head> <style> * { margin: 0; padding: 0; box-sizing: border-box; } h2 { text-align: center; padding: 20px 10px; } form { padding: 10px; } input[type=text], input[type=password] { display: block; background: #f1f1f1; margin-top: 5px; margin-bottom: 20px; padding: 10px; width: 100%; border: 1px solid; border-radius: 4px; } input[type=button] { color: white; background: dodgerblue; padding: 10px 15px; width: 100%; border: none; border-radius: 4px; } </style> </head> <body> <h2>CSS Selectors</h2> <form> Username <input type="text" name="username"> Password <input type="password" name="password"> <input type="button" value="Login"> </form> </body> </html>
الصفحة الرئيسية
تحميل الكود
تغيير الألوان
تغيير العرض
تغيير حجم العرض
تشغيل الكودالصفحة الرئيسيةتحميل الكودتغيير الألوانتغيير العرضتغيير حجم العرضتشغيل الكود