怎么把DIV变成一个圆

 时间:2026-02-15 19:54:38

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

怎么把DIV变成一个圆

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

怎么把DIV变成一个圆

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

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

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

怎么把DIV变成一个圆

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

怎么把DIV变成一个圆

  • a标签的下划线怎么去掉
  • HTML怎么实现网页跳转
  • HTMLcss怎样让div固定在顶部位置
  • css如何通过实现让文字在框内水平垂直都居中?
  • button按钮的属性设置
  • 热门搜索
    眼睑是哪里 如何去脸上的斑 学美容怎么样 合肥旅游社 南沙天后宫怎么去 人参泡水喝的功效 如何给孩子断奶 视频转换器怎么用 水星路由器怎么样 怎么看自己是否怀孕