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

 时间:2024-10-15 12:06:16

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软件怎么实现两个网页面连接
  • 热门搜索
    怎么脱毛 怎么格式化手机 怎么炖牛肉 荨麻疹怎么引起的 花生酱怎么做 菜鸟驿站怎么加盟 没有钱怎么办 微店怎么开 路由器怎么连接电脑 微信聊天记录怎么迁移