Dreamweaver怎么在网页中显示一个圆角矩形?想绘制一个红色的圆角矩形,该怎么使用Dreamweaver实现呢?今天我们就来看看使用dw在网页中绘制红色圆角矩形的教程,需要的朋友可以参考下
Dreamweaver简称DW,相信很多的编辑工作者对它已经很熟悉。小编则为大家讲解在DW中如何添加圆角矩形,希望对广大的编辑工作者和初学者有做帮助。
- 软件名称:
- Adobe Dreamweaver CS5 简体中文绿色特别版
- 软件大小:
- 86MB
- 更新时间:
- 2012-06-06
20160602172702376.jpg
1、首先我们要打开DW编辑工具。
20160602172702377.jpg
2、进入之后新建一个文件。
20160602172702378.jpg
3、在从中选择HTML文件,点击创建。
20160602172702379.jpg
4、这样我们就进入编辑界面了。
20160602172702380.jpg
5、接下来我们创建一个“类”就是编辑上一个“div”标签盒子。
20160602172702381.jpg
6、在css样式里加上这个代码
“ -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius:15px; ”。
20160602172702382.jpg
7、这样在浏览器上就可以显示圆角矩形啦~
20160602172702383.jpg
注意事项:
radius标签随着数值大小变化,数值越大圆角越大。
相关推荐:
dreamweaver怎么做一个简单的网页?
dreamweaver中怎么将文字放到图片上?
Dreamweaver怎么新建站点地图?dw编辑站点地图的方法 |