برای نوشتن کد CSS برای دکمه دانلود، ابتدا باید بدانید که چه نوع دکمهای را میخواهید. در اینجا یک مثال ساده از دکمهای را برای دانلود فایل ارائه خواهیم داد:
HTML:
<a href="http://example.com/myfile.pdf" download>
<button>دانلود فایل</button>
</a>
CSS:
button {
background-color: #4CAF50; /* انتخاب رنگ پسزمینه دکمه */
border: none; /* حذف حاشیه دکمه */
color: white; /* تنظیم رنگ متن دکمه */
padding: 15px 32px; /* تنظیم فاصله پدینگ دکمه */
text-align: center; /* تنظیم تراز داخلی متن دکمه */
text-decoration: none; /* حذف خط زیر متن دکمه */
display: inline-block; /* نمایش دکمه به عنوان بلوک در میان متن */
font-size: 16px; /* تنظیم اندازه فونت دکمه */
margin: 4px 2px; /* تنظیم فاصله با سایر المانها */
cursor: pointer; /* تنظیم نوع ماوس برای دکمه */
border-radius: 4px; /* تنظیم شکل گوشههای دکمه */
}
button:hover {
background-color: #008CBA; /* تغییر رنگ پسزمینه دکمه */
color: white; /* تغییر رنگ متن دکمه */
}
سه شنبه 26 اردیبهشت 1402 | 0:22 | توسط :