چگونه ایجاد شود: CSS برچسب‌های ابری

آموزش اینکه چگونه از CSS برای ایجاد برچسب‌های ابری استفاده کنیم.

Ford Volvo BMW Tesla Nissan Toyota Saab Porsche VW Fiat Honda

خود کا تجربہ کریں

چگونه برچسب‌های ابری ایجاد کنیم

مرحله اول - اضافه کردن HTML:

<span class="tag-cloud">Volvo</span>
<span class="tag-cloud">BMW</span>
<span class="tag-cloud">Tesla</span>
<span class="tag-cloud">Nissan</span>
<span class="tag-cloud">Toyota</span>
<span class="tag-cloud">Saab</span>
<span class="tag-cloud">Porsche</span>
<span class="tag-cloud">VW</span>
<span class="tag-cloud">Fiat</span>

مرحله دوم - اضافه کردن CSS:

.tag-cloud {
  display: inline-block;
  color: white;
  padding: 8 پیکسلی 20 پیکسلی;
  border-radius: 25 پیکسلی;
  بگاڑی رنگ: #2196F3;
  مجھور: 8 پیکسل;
}

خود کا تجربہ کریں