Dreamweaver怎么在网页中显示一个圆角矩形?想绘制一个红色的圆角矩形,该怎么使用Dreamweaver实现呢?今天我们就来看看使用dw在网页中绘制红色圆角矩形的教程,需要的朋友可以参考下

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

Dreamweaver怎么在网页中显示一个圆角矩形?(dreamweaver圆角边框)  Dreamweaver 矩形 第1张

Adobe Dreamweaver CS5 简体中文绿色版

  • 类型:网页设计
  • 大小:86MB
  • 语言:简体中文
  • 时间:2012-06-06
查看详情

Dreamweaver怎么在网页中显示一个圆角矩形?(dreamweaver圆角边框)  Dreamweaver 矩形 第2张

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

Dreamweaver怎么在网页中显示一个圆角矩形?(dreamweaver圆角边框)  Dreamweaver 矩形 第3张

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

Dreamweaver怎么在网页中显示一个圆角矩形?(dreamweaver圆角边框)  Dreamweaver 矩形 第4张

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

Dreamweaver怎么在网页中显示一个圆角矩形?(dreamweaver圆角边框)  Dreamweaver 矩形 第5张

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

Dreamweaver怎么在网页中显示一个圆角矩形?(dreamweaver圆角边框)  Dreamweaver 矩形 第6张

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

Dreamweaver怎么在网页中显示一个圆角矩形?(dreamweaver圆角边框)  Dreamweaver 矩形 第7张

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

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

Dreamweaver怎么在网页中显示一个圆角矩形?(dreamweaver圆角边框)  Dreamweaver 矩形 第8张

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

Dreamweaver怎么在网页中显示一个圆角矩形?(dreamweaver圆角边框)  Dreamweaver 矩形 第9张

注意事项:

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

相关推荐:

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

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

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

转载请说明出处
知优网 » Dreamweaver怎么在网页中显示一个圆角矩形?(dreamweaver圆角边框)

发表评论

您需要后才能发表评论