怎么把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按钮的属性设置
  • 热门搜索
    南充旅游景点 太原有什么旅游景点 天津有什么旅游景点 松江旅游景点 济州岛旅游报价 夏门旅游景点大全 埃及旅游签证 丽江最佳旅游时间 冬季黄山旅游攻略 衡阳旅游年卡