Adobe Dreamweaver中创建圆角效果的矩形的方法教程

  Adobe Dreamweaver是一款非常好用的网页代码编辑软件,该软件简称为DW,这是一款非常受欢迎的软件,很多小伙伴们在需要编辑和制作网页代码时都会选择使用该软件。如果我们需要在Adobe Dreamweaver中创建圆角矩形效果,小伙伴们知道具体该如何进行操作吗,其实操作方法是非常简单的。我们只需要在Adobe Dreamweaver中创建一个div标签后,使用border-raius设置圆角效果就可以了。操作步骤非常简单的,小伙伴们可以动手操作起来。接下来,小编就来和小伙伴们分享具体的操作步骤了,有需要或者是有兴趣了解的小伙伴们快来和小编一起往下看看吧!

操作步骤

  第一步:双击打开Adobe Dreamweaver进入编辑界面;

  第二步:在body中需要的位置输入一个div标签;

  第三步:然后在head中输入style标签设置样式效果;

  第四步:在style中输入div{},设置矩形的宽度、高度和背景颜色,然后点击切换到“拆分”视图,点击下拉箭头选择“实时视图”,就可以看到矩形效果了;

  第五步:然后输入border-raius并设置想要的圆角尺寸就可以得到圆角矩形效果了。

  以上就是Adobe Dreamweaver中设置圆角矩形的方法教程的全部内容了。保存文件后,按F12键可以在浏览器中打开查看自己设计的网页效果,小伙伴们可以设置不同的圆角参数后查看效果。

adobe dreamweaver cs6最新版

大小:223.00 MB版本:官方版环境:WinAll

进入下载
Adobe Dreamweaver中创建圆角效果的矩形的方法教程

相关文章:

你感兴趣的文章:

标签云: