2、在body标签内输入：
<"/>
热门：华为支持参数分辨率解决方法控制属性启动升级错误平台推荐步骤模式查询运行空间文件夹鼠标图标重启激活联想检查状态应用程序

css如何把div修饰成圆？

2022-10-28 05:05:14


css如何把div修饰成圆？

1、打开代码编辑器，新建一个html文件，写上基本的结构

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    
</body>
</html>

2、在body标签内输入：<div class="circle"></div>，这里的div就是用于画圆形的标签。（推荐学习：CSS视频教程） 

<body>
    <div class="circle"></div>
</body>

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

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

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

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

更多CSS3相关技术文章，请访问CSS3答疑栏目进行学习！

以上就是css如何把div修饰成圆？的详细内容，更多请关注易知道|edz.cc其它相关文章！

代码编辑器标签文件输入结构

推荐阅读