2019-06-28

圆形怎么写呢？

圆圆.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转换为行内元素设置一个内容 设置一个宽 高 给它们一个颜色(border-radius)圆角矩形，这样一个圆就形成了。