Merhaba. Bu gün Size CSS'de unordered list dediğimiz sırasız listleri kendimize göre şekillendireceğiz. CSS konusunda umarım bildiğim kadarıyla bazı bilmeyen arkadaşlara yardımım dokunmuştur. Her ne kadar basit işlemler görünse de elimden geldiği sürece bu şekilde faydalı bilgiler paylaşacağım.

VİDEO da gelebilir bu arada.

<ul class="unordered-list">
        <li>HTML</li>
        <li>CSS</li>
        <li>PHP</li>
        <li>JavaScript</li>
        <li>ReactJS</li>
        <li>NodeJS</li>
</ul>
       @import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@300;400;500;600;700&display=swap');
        * {
            margin: 0;
            padding: 0;
        }
        body {
            padding: 4rem;
        }
        .unordered-list {
            list-style-type: none;
        }
        .unordered-list li {
            font-family: 'Comfortaa', cursive;
            line-height: 45px;
        }
        .unordered-list li::before {
            content: '';
            width: 10px;
            height: 10px;
            background: #2d3436;
            outline-offset: 5px;
            outline: 1px solid #2d3436;
            border-radius: 50%;
            display: inline-block;
            margin-right: 15px;
        }