Dreamweaver怎么添加边框?Dreamweaver想要制作一个红色边框,该怎么制作呢?下面我们就来看看Dreamweaver边框的制作方法,需要的朋友可以参考下

Dreamweaver简设计网页的时候,想要添加边框,该怎么添加呢?下面我们就来看看详细的教程。

Dreamweaver怎么添加边框? Dreamweaver边框的制作方法(dreamweaver怎么设置边框)  Dreamweaver 边框 第1张

Adobe Dreamweaver CC 2017 v17.0 中文版(附安装教程) 64位

  • 类型:网页设计
  • 大小:758MB
  • 语言:简体中文
  • 时间:2016-11-05
查看详情

Dreamweaver怎么添加边框? Dreamweaver边框的制作方法(dreamweaver怎么设置边框)  Dreamweaver 边框 第2张

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

Dreamweaver怎么添加边框? Dreamweaver边框的制作方法(dreamweaver怎么设置边框)  Dreamweaver 边框 第3张

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

Dreamweaver怎么添加边框? Dreamweaver边框的制作方法(dreamweaver怎么设置边框)  Dreamweaver 边框 第4张

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

Dreamweaver怎么添加边框? Dreamweaver边框的制作方法(dreamweaver怎么设置边框)  Dreamweaver 边框 第5张

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

Dreamweaver怎么添加边框? Dreamweaver边框的制作方法(dreamweaver怎么设置边框)  Dreamweaver 边框 第6张

5、接下来我们编辑上一个“div”标签,命名为box。

Dreamweaver怎么添加边框? Dreamweaver边框的制作方法(dreamweaver怎么设置边框)  Dreamweaver 边框 第7张

6、在创建一个样式,写上.box{   }。

Dreamweaver怎么添加边框? Dreamweaver边框的制作方法(dreamweaver怎么设置边框)  Dreamweaver 边框 第8张

7、在css样式.box{  }里加上这个代码“border:solid 1px #333333;”。

Dreamweaver怎么添加边框? Dreamweaver边框的制作方法(dreamweaver怎么设置边框)  Dreamweaver 边框 第9张

8、这样在浏览器上就可以显示边框啦。

Dreamweaver怎么添加边框? Dreamweaver边框的制作方法(dreamweaver怎么设置边框)  Dreamweaver 边框 第10张

以上就是Dreamweaver制作红色边框的教程,希望大家喜欢,请继续关注脚本之家。

相关推荐:

Dreamweaver怎么上传站点到服务器?

Dreamweaver怎么设计彩色边框的表格?

Dreamweaver中怎么让html网页中的table边框细线显示?

转载请说明出处
知优网 » Dreamweaver怎么添加边框? Dreamweaver边框的制作方法(dreamweaver怎么设置边框)

发表评论

您需要后才能发表评论