脚本宝典收集整理的这篇文章主要介绍了Dreamweaver怎么在网页中显示一个圆角矩形?，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。

Dreamweaver简称DW，相信很多的编辑工作者对它已经很熟悉。小编则为大家讲解在DW中如何添加圆角矩形，希望对广大的编辑工作者和初学者有做帮助。

1、首先我们要打开DW编辑工具。

2、进入之后新建一个文件。

3、在从中选择HTML文件，点击创建。

4、这样我们就进入编辑界面了。

5、接下来我们创建一个“类”就是编辑上一个“div”标签盒子。

6、在css样式里加上这个代码

“ -moz-border-radius: 15px;     -webkit-border-radius: 15px;      border-radius:15px; ”。

7、这样在浏览器上就可以显示圆角矩形啦~

注意事项：

radius标签随着数值大小变化，数值越大圆角越大。

相关推荐：

dreamweaver怎么做一个简单的网页?

dreamweaver中怎么将文字放到图片上?

Dreamweaver怎么新建站点地图?dw编辑站点地图的方法

脚本宝典总结

以上是脚本宝典为你收集整理的Dreamweaver怎么在网页中显示一个圆角矩形?全部内容，希望文章能够帮你解决Dreamweaver怎么在网页中显示一个圆角矩形?所遇到的问题。

如果觉得脚本宝典网站内容还不错，欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。