在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软件怎么实现两个网页面连接
  • 热门搜索
    床上除螨虫的最快方法 琉璃神社怎么下载 蔬菜大全 盐水洗鼻的正确方法 韭菜饺子馅怎么做好吃 凌渡怎么样 支气管炎的食疗方法 城建税怎么算 坐骨神经痛的治疗方法 榕树的养殖方法