怎么把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按钮的属性设置
  • 热门搜索
    欧诗漫化妆品怎么样 韩国英语怎么写 杨紫个人资料简介 假声怎么唱 手机墙纸图片大全 声卡坏了怎么修复 咸肉的做法大全 白板笔怎么擦掉 雀斑怎么去掉 小学三年级手抄报大全