
CSS Flexbox ile Etiket sistemine ait kodlar yazının devamında size sunulmaktadır. Kursun video haline erişmek için; https://www.udemy.com/course/css-flexbox-egitimi/?referralCode=DC4C2DE50DCA5FD330D3
GENEL
<style>
.etiketler {
list-style: none;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.etiketler li {
padding: .2em .4em;
margin: .2em .4em;
background: rgba(255,0,0,0.6);
color: #fff;
border-radius: .3em;
}
</style>
<ul class='etiketler'>
<li>Html kursu</li>
<li>css kursu</li>
<li>javascript kursu</li>
<li>linux kursu</li>
<li>udemy.com</li>
<li>google</li>
<li>ali osman</li>
<li>kahraman</li>
<li>Html kursu</li>
<li>css kursu</li>
<li>javascript kursu</li>
<li>linux kursu</li>
<li>udemy.com</li>
<li>google</li>
<li>ali osman</li>
<li>kahraman</li>
<li>Html kursu</li>
<li>css kursu</li>
<li>javascript kursu</li>
<li>linux kursu</li>
<li>udemy.com</li>
<li>google</li>
<li>ali osman</li>
<li>kahraman</li>
<li>Html kursu</li>
<li>css kursu</li>
<li>javascript kursu</li>
<li>linux kursu</li>
<li>udemy.com</li>
<li>google</li>
<li>ali osman</li>
<li>kahraman</li>
<li>Html kursu</li>
<li>css kursu</li>
<li>javascript kursu</li>
<li>linux kursu</li>
<li>udemy.com</li>
<li>google</li>
<li>ali osman</li>
<li>kahraman</li>
</ul>
Benzer Yazılar

Zabbix Eğitimi
0 Yorumlar

Linux Vi / Vim Metin Editöründe Arama Yapmak
0 Yorumlar

CSS Flexbox Örnek Uygulama
0 Yorumlar
Yorumlar ()
Henüz yorum yok. İlk yorum yapan sen ol!