在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软件怎么实现两个网页面连接
  • 热门搜索
    欧诗漫化妆品怎么样 个性微信号id号大全 男孩英文名字大全 太原师范学院怎么样 炒白菜怎么做好吃 圣诞节快乐用英语怎么说 莫干山板材怎么样 马桶溅水怎么办 日本番号大全 临海旅游景点大全