在DW2018中如何使用代码创建圆形形状

 时间:2026-04-21 21:00:17

1、在DW中,创建HTML文件,在下方body标签栏中,输入div标签

在DW2018中如何使用代码创建圆形形状

2、然后再找到上方的head标签,在其中建立style修饰属性

在DW2018中如何使用代码创建圆形形状

3、给div添加宽高属性,如图所示 ,宽度width添加400像素,高度height400px

在DW2018中如何使用代码创建圆形形状

4、然后添加背景颜色background-color;右侧颜色值可根据自己添加,也可以输入RGB值等选择颜色

在DW2018中如何使用代码创建圆形形状

5、在属性栏上方可找到拆分属性,点击打开可预览当前的代码效果,如图所示

在DW2018中如何使用代码创建圆形形状

6、最后就是圆角状态了,border-radius表示圆角属性,右侧是按百分比调整,如图所示

在DW2018中如何使用代码创建圆形形状

7、当将百分比设置为50%时,即刻 得到如图的圆形状态

在DW2018中如何使用代码创建圆形形状

  • DW怎样添加圆角矩形
  • Dreamweaver图文排版-文字在左图片居右设置
  • dw图片怎么居中
  • DW如何设置背景图片的大小
  • DW软件怎么实现两个网页面连接
  • 热门搜索
    旅游的英文 来例假可以喝咖啡 简约风格特点 适合旅游的地方 旅游英语专业 重庆三日游旅游攻略 附近旅游 网络机顶盒怎么安装 孕妇可以喝绿茶 指甲凹陷是怎么回事