在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软件怎么实现两个网页面连接
  • 热门搜索
    最美风景图片大全 心理学研究方法 目录中的点怎么打 议论文的论证方法 微波炉做蛋糕的方法 白内障怎么治 烤麸怎么做好吃 小蝌蚪app下载大全小蝌蚪 糟鱼的家常做法 方法英文