怎么把DIV变成一个圆

 时间:2026-04-22 04:28:52

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按钮的属性设置
  • 热门搜索
    廊坊旅游景点 上海旅游人力资源网 塔克拉玛干沙漠旅游 途牛网旅游网 冰岛旅游价格 涞源旅游 北极光旅游 坝美最佳旅游时间 深圳大鹏湾旅游攻略 崇武古城旅游攻略