Site icon Netopsiyon Online

CSS Flexbox ile Etiket (tag) Sistemi

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


<style>
        .etiketler {<br />              list-style: none;<br />              display: flex;<br />              flex-wrap: wrap;<br />              justify-content: center;<br />        }
<p>        .etiketler li {<br />              padding: .2em .4em;<br />              margin: .2em .4em;<br />              background: rgba(255,0,0,0.6);<br />              color: #fff;<br />              border-radius: .3em;<br />        }	</p>
</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>
Exit mobile version