怎么把DIV变成一个圆

 时间:2024-10-24 14:16:53

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按钮的属性设置
  • 热门搜索
    可可粉怎么吃 笔记本怎么进入安全模式 怎么清除浏览器缓存 伊兰特怎么样 过敏性紫癜怎么治疗 赵子龙怎么死的 睡觉流口水怎么办 佳能70d怎么样 qq邮箱怎么登陆 怎么叠千纸鹤