圓形怎么寫呢？

圓圓.png

   <div>
        <ul>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
        </ul>
    </div>

ul li::before{
    display: inline-block;
    content: "";
    width: 50px;
    height: 50px;
    background: red;
border-radius: 50%;
}

我們需要先把li轉(zhuǎn)換為行內(nèi)元素設(shè)置一個(gè)內(nèi)容 設(shè)置一個(gè)寬 高 給它們一個(gè)顏色(border-radius)圓角矩形，這樣一個(gè)圓就形成了。