怎么把DIV变成一个圆

发布网友发布时间：2022-04-22 00:14

我来回答

共3个回答

懂视网时间：2022-05-13 00:50

abc

IE:http://ons.me/276.html

-->

热心网友时间：2022-05-12 21:58

1、【第一步】打开Dreamweaver cc 2014软件，选择建立html界面，里面自动生成一些必要代码的代码格式，不需再浪费时间去写。

2、【第二步】在body标签内输入：<div class="Odiv"></div>，这里的div就是用于画圆形的标签。

3、【第三步】在相对靠前的位置，输入

.Odiv{ width:200px; height:200px; border-radius:50%; background-color:#1EFD0C;}

这就是css样式用于修饰div标签，使得div形成一个绿色的圆图形。

4、【第四步】保存好代码，回到Dreamweaver 界面，摁F12键，弹出对话框，就能看所画绿色圆图形。

热心网友时间：2022-05-12 23:16

这样的样式只有在比较新的浏览器内才有效，像IE5啊看着还是正方形，如果在火狐，360等高级别的浏览器就会存在哦。
首先div要是正方形，假如是100px。
<div style="width:100px;height:100px;border-radius:50px;border:solid rgb(100,100,100) 1px;;"></div>
这样就是一个圆形了