کیسا بنایا جائے؟ ڈاؤن لوڈ بٹن

ڈاؤن لوڈ بٹن کیسا بنایا جائے؟

پہلی قدم - ایچ تی ایم ایل اضافہ کریں:

آیکون کتابخانه اضافہ کریں، مثلاً font Awesome، اور آیکون کو ایچ تی ایم ایل بٹن پر یوکن کریں:

<!-- آیکون کتابخانه اضافہ کریں -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<!-- خودکار پیمان -->
<button class="btn"><i class="fa fa-download"></i> Download</button>
<!-- پورا پیمان -->
<button class="btn" style="width:100%"><i class="fa fa-download"></i> Download</button>

دوسری قدم - سی ایس ایس اضافہ کریں:

/* بٹن کا انداز تعین کریں */
.btn {
  background-color: DodgerBlue;
  border: none;
  color: white;
  padding: 12px 30px;
  cursor: pointer;
  font-size: 20px;
}
/* موس کا سینکشپ ہو رہا ہے */
.btn:hover {
  background-color: RoyalBlue;
}

آموزش شخصي

صفحات مرتبط

آموزش:آموزش آيکون

آموزش:کيف پيدا کنم: دکمه CSS