30 Nisan 2025 - 15:01
CSS Flexbox ile Etiket (tag) Sistemi Görseli
Udemy Kursları

CSS Flexbox ile Etiket (tag) Sistemi

Yorumlar

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

Yorumlar ()

Henüz yorum yok. İlk yorum yapan sen ol!

Yorum Yap