Daonlwd
لغة البرمجة سي اس اس جافا سكريبت إس كيو إل بايثون جافا بي أتش بي كيف W3.CSS ج سي++ سي شارب بوتستراب تتفاعل ماي إس كيو إل جيكويري إكسل إكس إم إل جانجو نيومبي الباندا نود جي اس ر الطباعة زاوية شخص سخيف بوستجريس كيو ال مونغو دي بي أسب الذكاء الاصطناعي يذهب كوتلين ساس فيو دي إس أيه جين اي اي سكيبى أمازون ويب سيرفيسز الأمن الإلكتروني علم البيانات
كيفية - زر التنزيل
تعلم كيفية تصميم أزرار التنزيل باستخدام CSS.
العرض التلقائي:
تحميل
العرض الكامل:
تحميل
كيفية إنشاء أزرار التنزيل
الخطوة 1) إضافة HTML:
أضف مكتبة أيقونات، مثل font awesome، وأضف الأيقونات إلى أزرار HTML:
مثال
الخطوة 2) إضافة CSS:
مثال
/* Style buttons */
.btn {
background-color: DodgerBlue;
border: none;
color: white;
padding: 12px 30px;
cursor: pointer;
font-size: 20px;
}
/* Darker background on mouse-over */
.btn:hover {
background-color: RoyalBlue;
}
نصيحة: انتقل إلى برنامجنا التعليمي حول الأيقونات لمعرفة المزيد حول الأيقونات.
انتقل إلى برنامجنا التعليمي لأزرار CSS لمعرفة المزيد حول كيفية تصميم الأزرار.
برنامج W3schools Pathfinder
تتبع تقدمك - إنه مجاني!
إعلان
الحصول على شهادة
أداة انتقاء اللون
أداة انتقاء اللون
إعلان
المساحات
يرقي
خالية من الإعلانات
النشرة الإخبارية
الحصول على شهادة
اتصل بنا
أفضل البرامج التعليمية
دروس HTML دروس
CSS دروس
JavaScript دروس
كيفية استخدام
SQL دروس
Python دروس
W3.CSS دروس
Bootstrap دروس
PHP دروس
Java دروس
C++ دروس
jQuery
أهم المراجع
مرجع HTML
مرجع CSS مرجع
JavaScript مرجع
SQL مرجع
Python مرجع
W3.CSS مرجع
Bootstrap مرجع
PHP مرجع
HTML Colors
مرجع Java مرجع
Angular مرجع
jQuery
أفضل الأمثلة
أمثلة HTML أمثلة
CSS أمثلة
JavaScript أمثلة
كيفية أمثلة
SQL أمثلة
Python أمثلة
W3.CSS أمثلة
Bootstrap أمثلة
PHP أمثلة
Java أمثلة
XML أمثلة
jQuery
الحصول على شهادة
شهادة HTML شهادة
CSS شهادة
JavaScript شهادة
الواجهة الأمامية شهادة
SQL شهادة
Python
شهادة PHP شهادة
jQuery شهادة
Java شهادة
C++ شهادة
C# شهادة
XML
منتدى حول الفصول الدراسية
تم تحسين W3Schools للتعلم والتدريب. يمكن تبسيط الأمثلة لتحسين القراءة والتعلم. تتم مراجعة البرامج التعليمية والمراجع والأمثلة باستمرار لتجنب الأخطاء، ولكن لا يمكننا ضمان صحة جميع المحتويات. أثناء استخدام W3Schools، فإنك توافق على قراءة وقبول شروط الاستخدام وسياسة ملفات تعريف الارتباط والخصوصية الخاصة بنا .
حقوق الطبع والنشر 1999-2024 محفوظة لشركة Refsnes Data. جميع الحقوق محفوظة. يتم تشغيل W3Schools بواسطة W3.CSS .
تعليقات
إرسال تعليق