首页 > 设计 > 软件应用 > 正文

Dreamweaver怎么在网页中显示一个圆角矩形?

2019-10-27 18:49:30
字体:
来源:转载
供稿:网友
Dreamweaver怎么在网页中显示一个圆角矩形?想绘制一个红色的圆角矩形,该怎么使用Dreamweaver实现呢?今天我们就来看看使用dw在网页中绘制红色圆角矩形的教程,需要的朋友可以参考下
 
 

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

Dreamweaver,圆角,矩形

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

Dreamweaver,圆角,矩形

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

Dreamweaver,圆角,矩形

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

Dreamweaver,圆角,矩形

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

Dreamweaver,圆角,矩形

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

Dreamweaver,圆角,矩形

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

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

Dreamweaver,圆角,矩形

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

Dreamweaver,圆角,矩形

注意事项:

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



注:相关教程知识阅读请移步到Dreamweaver教程频道。
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表