css如何把div修饰成圆(2)-木庄网络博客

2022-02-27 06:53:36 PHP中文网 JavaScript 821 0 百度已收录

3、在head表里添加style标签，输入下面代码

<style>
    .circle{
        width: 200px;
        height: 200px;
        border-radius: 100px;
        background-color: #1EFD0C;
    }
</style>

5、保存好代码，打开浏览器即可看见圆形。

实现原理：设置宽高相同，再设置圆角为宽高的一半，更方便的做法是直接设置圆角为50%。

以上就是css如何把div修饰成圆的详细内容，更多文章请关注木庄网络博客！

相关阅读 >>

更多相关阅读请进入《css》频道 >>

书籍

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元 人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者